符合web标准的连续滚动图像的js代码

//more javascript from http://www.smallrain.net
var images=Array();
images.push("http://www.smallrain.net/jsimg/1.jpg");
images.push("#");

images.push("http://www.smallrain.net/jsimg/2.jpg");
images.push("#");

images.push("http://www.smallrain.net/jsimg/3.jpg");
images.push("#");

images.push("http://www.smallrain.net/jsimg/4.jpg");
images.push("#");

images.push("http://www.smallrain.net/jsimg/5.jpg");
images.push("#");

images.push("http://www.smallrain.net/jsimg/6.jpg");
images.push("#");

images.push("http://www.smallrain.net/jsimg/7.jpg");
images.push("#");

images.push("http://www.smallrain.net/jsimg/8.jpg");
images.push("#");
//Specify the slider's width (in pixels)
var sliderwidth=695
//Specify the slider's height
var sliderheight=82
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1
//configure background color:
slidebgcolor="#fff"
//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='

'+
'

';
var size=images.length/2;
for(var i=0;i

";
leftrightslide[0]+='

';
////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=slidespeed
leftrightslide=''+leftrightslide.join(" ")+''
var iedom=document.all||document.getElementById
if (iedom)
document.write(''+leftrightslide+'')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth-5
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth-5

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth-5

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth
}
}

if (iedom||document.layers){
with (document){
document.write('

')
if (iedom){
write('

')
write('

')
write('

')
write('

')
write('

')
}
else if (document.layers){
write('')
write('')
write('')
write('')
}
document.write('

')
}
}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(0)

相关推荐

  • 符合web标准的连续滚动图像的js代码

    //more javascript from http://www.smallrain.net var images=Array(); images.push("http://www.smallrain.net/jsimg/1.jpg"); images.push("#"); images.push("http://www.smallrain.net/jsimg/2.jpg"); images.push("#"); image

  • javascript 文字上下间隔滚动的代码 符合WEB标准 脚本之家修正版

    第一个 文字上下间隔滚动 修正版 符合WEB标准的文字间隔滚动JS代码 var marqueeContent=new Array(); //滚动新闻 marqueeContent[0]='14:25 HTML/JS互相转换工具-IE7兼容版'; marqueeContent[1]='14:25 css 在线压缩工具'; marqueeContent[2]='14:25 CSS整形与最佳化工具[压缩]'; marqueeContent[3]='14:25 JS Minifier js压缩'; va

  • 符合web标准的媒体播放器代码

    由于Embed标签是Netscape的私有财产,故一直未被W3C认可,对于各种媒体文件使用Embed标签是非标准的,如何改变?Elizabeth Castro的 Bye Bye Embed 一文对于各种媒体播放器给出了很好的符合web标准的代码.FLash文件 复制代码 代码如下: <object type="application/x-shockwave-flash"    data="http://video.google.com/googleplayer.swf?

  • 比较简单的一个符合web标准的JS调用flash方法

    微软XP升级出现的bug,就是对于使用传统网页制作模式插入页面的flash无法正常浏览,页面打开的时候flash周围是一个虚线框,需要点击一下才能正常浏览,以下的办法就是解决这一缺点,并且让flash能符合WEB标准,此外最重要的是,整个网站的所有flash都可以调用这一段代码,让你的代码更加简洁! 1.先建立一个flash.js的JS文件,并写入 复制代码 代码如下: function flash(ur,w,h){  document.write('<object classid="cl

  • 鸿蒙开源第三方组件之连续滚动图像组件功能

    前言 基于安卓平台的连续滚动图像组件ContinuousScrollableImageView(https://github.com/Cutta/ContinuousScrollableImageView),实现了鸿蒙化迁移和重构,代码已经开源到(https://gitee.com/isrc_ohos/continuous-scrollable-image-view_ohos),欢迎各位开发者下载使用并提出宝贵意见! 背景 ContinuousScrollableImageView_ohos组件

  • 利用JQuery制作符合Web标准的QQ弹出消息

    这里所说的弹出消息指的是在网页右下角升起又下去的那种框框,在这里用到了jQuery的自定义动画,感觉这个自定义动画就是像flash里的形状和渐变动画一样,只要定义了开头和结尾的两个关键帧,中间的动画过程会自动完成,不用会jQuery的可去查下jQuery的帮助文档. 基本思路是这样子滴:首先弹出消息框其实就是一个div层,页面加载完了以后我们应该通过CSS把div层定位到页面右下角的下方,并且把他隐藏起来,然后当我们点击页面中的按钮的时候就触发动画函数,div层开始从下往上升,在这里我们为了增加

  • 热点新闻滚动特效的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/1999/xhtml"><head><meta http-equiv="

  • 网站程序员如何应对web标准第1/2页

    作者:jxdawei jxdawei的blog:http://www.iwcn.net/ 本文讨论的是在web标准普及的形势下,网站程序员的定位以及如何与设计师配合开发符合web标准的网站项目.本文适合的读者是传统TABLE布局下分工不是非常明晰的程序员. 1:学习web标准,让你的工作变得更加简单. web标准是大势所趋,所以作为网站程序员.你必须洗脑,必须去学习web标准.去重新认识html标签,去了解如何让程序输出页面需要的代码. 比如: 上边是美工出来的效果图,下边是符合标准的程序代码:

  • 基于.net开发的遵循web标准的个人站点程序包下载

    基本信息 程序包名称:基于.net开发的遵循web标准的个人站点程序包下载 开发者主页:www.ceocio.net 软件大小:1.84mb 安装环境:Windows 2000/xp ;ASP.Net+SQL Server 版本:1.0 格式:RAR 软件说明 本程序包是www.ceocio.net站长liuwei友情提供,供有兴趣用.net开发符合web标准的网站的程序员参考. 作者关于本程序包的说明 该软件大家可自行修改源代码,如果可以的话请在您站点上打上我的连接:) 搞这个东东,最初是给自

  • 符合W3C Web标准的图片连续无间隙水平滚动

    这次又遇上一个这样的问题,找了老半天终于从网上找到一个不错的,看了下代码,思路很简单,但代码太多,通用性也不行,于是乎,自己又发明了两个函数,用起来感觉还真不错,与大家共享: 图片连续无间隙向左滚动,无间隙向右滚动,符合W3C Web标准_ //调用向左滚动 toleft("demo","demo1","demo2",30,"hehe123") //调用向右滚动 toright("demo0","

随机推荐