摘要:
图片无缝滚动代码先介绍一下它的实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和demo2,demo1是滚动内容,demo2为demo1的直接克隆,通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的,当滚动至demo1与demo2的交界处时直接跳回初始位置,因为demo1与demo2一样,所以分不出跳动的瞬间,从而达到“无缝&... 阅读全文
摘要:
一:<center><marquee width="90%" behavior="alternate" scrollamount="3"><img src="图片1地址" border="0" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click ... 阅读全文
摘要:
<html><head><style>body{margin:0px;}ul{list-style:none; border:0; padding:0px; margin:0px;}li{list-style:none; float:left; border:0; padding:0px; margin:0px;}img{border:0px; padding:... 阅读全文
摘要:
看到jQuery实例:图片展示效果后,我也想拿来试试,但我不太喜欢用框架,所以自己做了个。其中的难点在于怎么设计各个滑动对象进行想要的滑动。一开始我想的是利用滑动对象的宽度的变化来实现滑动,但实行起来发现这个只能在理想状态下实现,一般实现起来很困难。所以还是参照了实例中的方法,利用left的变化来实现滑动。 效果:1111111 2222222 3333333 1111111 2222222 33... 阅读全文
摘要:
<scripttype="text/javascript"defer>varmarquee_spd=25;//滚动速度,数值越小越快varrepeat=null;varobj_marquee=document.getElementById("ImgList");//本例中的<divid=ImgList>functionmarquee_init(){varobj_unit=o... 阅读全文