js图片文字滚动代码

js图片文字滚动代码,本文章提供几款文字滚动的实例代码,大概原理是用js的时间来搞滑动效果哦。
<script >
var imgc = 1;//图片序列开始
var imgm = 5;//图片序列结束
var flag = 1;//标记鼠标移动
var tm;//定时器
//自动循环播放图片

function cgimg(){
if(flag==0)return;
var mimg = document.getelementbyid("mimg");
mimg.src = ""+imgc+".jpg";
imgc++;
if(imgc>imgm)imgc=1;
tm = window.settimeout("cgimg()",1000);
}
//鼠标移动到图片上
function imgstop(){
flag = 0;
window.cleartimeout(tm);
}
//鼠标移动到图片外
function imgstart(){
flag = 1;
tm = window.settimeout("cgimg()",1000);
}
//单击按钮时
function moimg(imgurl){
window.cleartimeout(tm);
var mimg = document.getelementbyid("mimg");
mimg.src = imgurl;
}
//初始化按钮
function initbtn(){
var mimg = document.getelementbyid("imgdiv");
var divtop = parseint(mimg.style.top);
var divhei = parseint(mimg.style.height);
var mdivtop= divtop+divhei-30;

var divleft = parseint(mimg.style.left);
var divwid = parseint(mimg.style.width);
var mdivleft = divleft+divwid-(imgm-imgc)*25;

var btndiv = document.getelementbyid("btndiv");
for(i=imgc,j=1;i<=imgm;i++,j++){

btndiv.innerhtml = btndiv.innerhtml + " <a style="cursor:hand" onmou

时间: 2024-10-23 09:02:13

js图片文字滚动代码的相关文章

js图片横向滚动代码

本文章为我提供一款js图片横向滚动代码效果,图片可以左右控制,如果你正在找这种效果就进来下载吧,就是搜狐数码频道图片滚动代码哦. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/199

js图片循环滚动代码

 热图排行 1111111111111dadadadadadadadadadadadadadadadadadadada

js焦点文字滚动效果代码分享_javascript技巧

本文实例讲述了js焦点文字滚动效果.分享给大家供大家参考.具体如下:效果描述:今天推荐的这个又是一个原生的js焦点图效果 默认自动切换,也可以手动切换 javascript代码采用函数式对象编程,也就是javascript编程中的Module模式 基本用法很简单,主要特点有三: 1.模块化,可重用 2.封装了变量和function,和全局的命名空间不接触,不污染全局变量 3.只暴露可用public方法,其他私有方法全部隐藏,确保js相互之间不会冲突 运行效果图:-----------------

图片无缝滚动代码(上下左右)js代码

<base href="http://www.111cn.net/">  <table width=700 border=0 cellpadding=0 cellspacing=0>                                                                                                           <tr><td>               

js实现文字滚动效果_javascript技巧

首先先看一下大致效果图,因为是动态的,在页面无法显示出来. 具体的实现代码如下: 1.首先是css代码: <style type="text/css"> body,ul,li,a,p,div{padding:0px; margin:0px; font-size:14px;} ul,li{list-style:none;} a{ text-decoration:none; color:#333;} #demo{ overflow:hidden; /*溢出的部分不显示*/ wi

js变形金刚文字特效代码分享_javascript技巧

为大家分享的js变形金刚文字特效代码如下 -----------------------------------------------效果演示----------------------------------------------- <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js变形金刚文字特效&l

图片左右滚动代码

  <!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>图片左右滚动代码</titl

js 图片切换效果代码

<html xmlns="http://www.111cn.net/ 1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js 图片切换效果代码</title> <script language="javascript教程&quo

js图片切换特效代码

<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>js图片切换特效代码</titl