页面轮换图片的一个实例
2007-06-26 14:34
232 查看
<!--广告轮播-->
<div id="lb">
<div id="pic" onClick="getUrl(0);"><img id="ackPic" src="/pic/ad8.jpg" style="FILTER: revealTrans(duration=2,transition=20)"></div>
<div id="lbres"><a href="http://lady.cheapu.net/ladyview/14" target="_blank">男人最害怕女性的五大妆扮</a></div>
</div>
<script>
var imgUrl=[["http://new.cheapu.net/mini/pic/lb1.gif","http://www.cheapu.net/s3460.htm","暇步士夏品特卖7折起"],
["http://new.cheapu.net/mini/pic/lb2.gif","http://www.cheapu.net/s3456.htm","哈根达斯消费500元即办9折卡"],
["http://new.cheapu.net/mini/pic/lb3.gif","http://www.cheapu.net/s3452.htm","黛安芬内衣指定款买一送一"],
["http://new.cheapu.net/mini/pic/lb4.gif","http://www.cheapu.net/s3506.htm","欧珀莱均衡1-2-3买赠开始"],
["http://new.cheapu.net/mini/pic/lb5.gif","http://www.cheapu.net/s2833.htm","双安商场[思加图]5折起卖"]];
var adNum=0;
var doFlag=true;
function getP(v)
{
adNum=v;nextAd(true);
}
function nextAd(bool){
if(doFlag){
if (document.all){
try{ackPic.filters.revealTrans.Transition=Math.floor(Math.random()*23);ackPic.filters.revealTrans.apply();}catch(e){};}
ackPic.src=imgUrl[adNum][0];
lbres.innerHTML="<a href='"+imgUrl[adNum][1]+"' target=_blank>"+imgUrl[adNum][2]+"</a>";
if (document.all){try{ackPic.filters.revealTrans.play();}catch(e){}}
if(adNum<imgUrl.length-1)adNum++;
else adNum=0;
}
if(bool){setTimeout("nextAd()",15000);}
else{setTimeout("nextAd()",7000);}
}
function goOn(){doFlag=true;}
function goEnd(){doFlag=false;}
function getUrl(){if(adNum>0)adNum--;else adNum=imgUrl.length-1; window.open(imgUrl[adNum][1]);}
nextAd();
</script>
<div id="lb">
<div id="pic" onClick="getUrl(0);"><img id="ackPic" src="/pic/ad8.jpg" style="FILTER: revealTrans(duration=2,transition=20)"></div>
<div id="lbres"><a href="http://lady.cheapu.net/ladyview/14" target="_blank">男人最害怕女性的五大妆扮</a></div>
</div>
<script>
var imgUrl=[["http://new.cheapu.net/mini/pic/lb1.gif","http://www.cheapu.net/s3460.htm","暇步士夏品特卖7折起"],
["http://new.cheapu.net/mini/pic/lb2.gif","http://www.cheapu.net/s3456.htm","哈根达斯消费500元即办9折卡"],
["http://new.cheapu.net/mini/pic/lb3.gif","http://www.cheapu.net/s3452.htm","黛安芬内衣指定款买一送一"],
["http://new.cheapu.net/mini/pic/lb4.gif","http://www.cheapu.net/s3506.htm","欧珀莱均衡1-2-3买赠开始"],
["http://new.cheapu.net/mini/pic/lb5.gif","http://www.cheapu.net/s2833.htm","双安商场[思加图]5折起卖"]];
var adNum=0;
var doFlag=true;
function getP(v)
{
adNum=v;nextAd(true);
}
function nextAd(bool){
if(doFlag){
if (document.all){
try{ackPic.filters.revealTrans.Transition=Math.floor(Math.random()*23);ackPic.filters.revealTrans.apply();}catch(e){};}
ackPic.src=imgUrl[adNum][0];
lbres.innerHTML="<a href='"+imgUrl[adNum][1]+"' target=_blank>"+imgUrl[adNum][2]+"</a>";
if (document.all){try{ackPic.filters.revealTrans.play();}catch(e){}}
if(adNum<imgUrl.length-1)adNum++;
else adNum=0;
}
if(bool){setTimeout("nextAd()",15000);}
else{setTimeout("nextAd()",7000);}
}
function goOn(){doFlag=true;}
function goEnd(){doFlag=false;}
function getUrl(){if(adNum>0)adNum--;else adNum=imgUrl.length-1; window.open(imgUrl[adNum][1]);}
nextAd();
</script>
相关文章推荐
- 类似QQ管家页面jquery图片轮换实例
- 【实例】使用canvas缓缓加载一个图片到web页面中
- 关于上传图片插件webuploader的使用(同一个页面存在多个实例):
- Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片
- 爬虫实例:爬取一个网页上的图片地址
- Silverlight 第一步 快速的掌握页面布局,做一个博客的布局实例
- js图片轮换显示实例
- 一个收集图片的bookmarlet(js 刷新页面中的图片)
- python爬图片的一个实例
- android中写一个内部类来选择文件夹中指定的图片类型实例说明
- 封装一个图片轮换的web控件
- 一个简单的python爬虫,抓取单个页面的图片
- 一个非常的简单的图片copy实例,虽然简单却很实用
- 封装了一个js图片轮换效果的函数
- Java捕获一个网站页面的全部图片
- .C# 拷贝一个图片到指定文件夹下(IO文件操作实例)
- 对一个gridview异步加载大量图片的实例的个人理解
- 实现iOS图片等资源文件的热更新化(五): 一个简单完整的资源热更新页面
- 一个简单在jsp页面中连接sqlserver数据库的小实例
- 页面图片延时加载(附实例下载)