<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.blk_18{width:638px; text-align:center; margin:0 auto;overflow:hidden;zoom:1; clear:both;}
.blk_18 li{list-style-type:none;}
.blk_18 .LeftBotton{width:18px;height:120px;float:left;background:url(mleft.gif) 0px center no-repeat;cursor:pointer;}
.blk_18 .RightBotton{width:18px;height:120px;float:right;background:url(mright.gif) right center no-repeat;cursor:pointer;}
.blk_18 .pcont{width:600px;height:190px;float:left;overflow:hidden;}
.blk_18 .ScrCont{width:32766px;zoom:1;}
.blk_18 #List1_1,.blk_18 #List1_2{float:left;}
.blk_18 .pl{width:200px;float:left; text-align:center;}
.blk_18 .pl img{padding:1px;margin:0 auto; border:1px #ccc solid;width:160px;height:100px;overflow:hidden;}
.blk_18 .pl{line-height:20px}
</style>
<DIV class=blk_18>
<DIV onmouseup=ISL_StopUp_1() class=LeftBotton onmousedown=ISL_GoUp_1()
onmouseout=ISL_StopUp_1()></DIV>
<DIV class=pcont id=ISL_Cont_1>
<DIV class=ScrCont>
<DIV id=List1_1>
<li class=pl><a href="http://www.baidu.com" onmousedown=this.href=urlParamAdd(this.href)><img src="1.jpg" alt="1" /></a>
<p><a href="http://www.baidu.com" title="图片1">图片1</a><br />
<span class="style05">所在地:XXXX</span><br />
</p></li>
<li class=pl><a href="http://www.baidu.com" onmousedown=this.href=urlParamAdd(this.href)><img src="2.jpg" alt="2" /></a>
<p><a href=" http://www.baidu.com/usedcar/6161" title="图片2">图片2</a><br />
<span class="style05">所在地:XXXX</span><br />
</p></li>
<li class=pl><a href="http://www.baidu.com/usedcar/6128" onmousedown=this.href=urlParamAdd(this.href)><img src="3.jpg" alt="3" /></a>
<p><a href=" http://www.baidu.com/usedcar/6128" title="图片3">图片3</a><br />
<span class="style05">所在地:XXXX</span><br />
</p></li>
<li class=pl><a href="http://www.baidu.com/usedcar/5749" onmousedown=this.href=urlParamAdd(this.href)><img src="4.jpg" alt="4" /></a>
<p><a href=" http://www.baidu.com/usedcar/5749" title="图片4">图片4</a><br />
<span class="style05">所在地:XXXX</span><br />
</p></li>
<li class=pl><a href="http://www.baidu.com/usedcar/5748" onmousedown=this.href=urlParamAdd(this.href)><img src="5.jpg" alt="5" /></a>
<p><a href=" http://www.baidu.com/usedcar/5748" title="图片5">图片5</a><br />
<span class="style05">所在地:XXXX</span><br />
</p></li>
<li class=pl><a href="http://www.baidu.com/usedcar/5748" onmousedown=this.href=urlParamAdd(this.href)><img src="6.jpg" alt="6" /></a>
<p><a href=" http://www.baidu.com/usedcar/5748" title="图片6">图片6</a><br />
<span class="style05">所在地:XXXX</span><br />
</p></li>
</DIV>
<DIV id=List2_1></DIV></DIV>
</DIV>
<DIV onmouseup=ISL_StopDown_1() class=RightBotton onmousedown=ISL_GoDown_1()
onmouseout=ISL_StopDown_1()></DIV></DIV>
<script type="text/javascript" src="marquee-img.js"></script>
请下载附件,直接打开index.html即可
分享到:
相关推荐
jQuery仿QQ空间鼠标悬停长图片滚动预览全图
jQuery仿QQ空间鼠标感应图片滚动预览代码,鼠标放在图片上面,向上滚动展示,这样的效果还是很不错的,用在个人问网站中的相片展示,效果更佳,php中文网推荐下载!
jQuery仿QQ空间鼠标感应图片滚动预览代码,鼠标移到图片的上下查看效果
实现图片的滑轮滚动放大预览、拖动、旋转功能,此文件为完整页面demo及JS文件
jQuery鼠标悬停全图滚动预览特效是一款鼠标悬停窗口图片全图上下滚动预览效果代码。
jQuery图片滚动幻灯片预览大图特效源码.zip
thumbnail-scroller是一款非常实用的jQuery多功能滚动预览缩略图特效插件...该滚动预览缩略图可以单独使用,也可以和lightbox或图片画廊等一起使用。它通过点击前后导航按钮或将鼠标放在长条缩略图上进行前后图片预览。
MFC缩略图预览类,支持滚动预览,支持多种图片格式
不错的图片预览功能,可以实现滚动预览,效果很炫
打开html可直接查看例子,例子中图片url写死的,是一个网络图片,如果该图片不见了可直接更改那个地址。 完全是自己写的滚动和拖动行为
使用canvas实现的,前端图片预览插件,提供基本的放大、缩小、移动、旋转、翻转功能,由于JS加载图片的原因,双击直接运行访问不到图片,需将代码部署在服务器中才可
iOS视频图片混合轮播,支持视频播放和图片预览
产品图片滚动展示特效,基于Delphi的源代码..rar
这是一段js效果的代码,使用与做网站时,首页上要实现的图片滚动,
仿小米等壁纸App的壁纸设置界面,SeekBar控制HorizontalScrollView滚动。
JS仿QQ空间鼠标停在长图片时候图片自动上下滚动,多出DIV部分的图片,当鼠标悬停后会自动滚动,类似QQ空间里的长图片效果,使用方法简单: 1、调用jquery库以及lanrenzhijia.js 2、将CSS拷入你需要的地方 3、...
jQuery图片列表和分类菜单ui布局,鼠标悬停窗口图片全图上下滚动预览效果代码。
支持配置列表滚动时是否暂停加载图片,列表停止滚动时恢复加载图片(用 xutils 作为图片加载库时该配置无效) 正方形、圆形头像、带边框的圆形头像控件 朋友圈列表界面的九宫格图片控件 发布朋友圈界面的可拖拽...
左右图片切换并可放大图片预览滚动的效果