焦点滚动图片
来源:互联网 发布:oa软件开发公司 编辑:程序博客网 时间:2024/05/16 19:49
<!--焦点滚动图开始-->
<div class="y_ijdpic" id="__index002">
<SCRIPT>
var widths=282;
var heights=164;
var counts=5;
var urls =new Array();
img1=new Image ();img1.src='http://www.yesky.com/imagelist/06/03/b6o3b53xuuat.jpg';
img2=new Image ();img2.src='http://www.yesky.com/imagelist/2007/234/6954vuk092po.jpg';
img3=new Image ();img3.src='http://www.yesky.com/imagelist/2007/236/8x8060d9e76h.jpg';
img4=new Image ();img4.src='http://www.yesky.com/imagelist/2007/236/3p3b0964ax99.jpg';
img5=new Image ();img5.src='http://www.yesky.com/imagelist/2007/236/gc9kkrk1n1kr.jpg';
urls[1]='http://bj.yesky.com/bjfocus/367/3495867.shtml';
urls[2]='http://www.mydown.com/zhuanti/349/432349.shtml';
urls[3]='http://gamepic.yesky.com/gamepic/yxzhuanti/426/509426.shtml';
urls[4]='http://notebook.yesky.com/notebookkpzt/246/7510746.shtml';
urls[5]='http://notebook.yesky.com/notebookkpzt/391/3425391.shtml';
//天极伊永恒原创
var nn=1;
var key=0;
function change_img()
{if(key==0){key=1;}
else if(document.all)
{document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}
eval('document.getElementById("pic").src=img'+nn+'.src');
eval('document.getElementById("url").href=urls['+nn+']');
eval('document.getElementById("url").target="_blank"');
for (var i=1;i<=counts;i++){document.getElementById("xxjdjj"+i).className='axx';}
document.getElementById("xxjdjj"+nn).className='bxx';
nn++;if(nn>counts){nn=1;}
tt=setTimeout('change_img()',4000);}
function changeimg(n){nn=n;window.clearInterval(tt);change_img();}
document.write('<style>');
document.write('.axx{padding:1px 7px;border-left:#cccccc 1px solid;}');
document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');
document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}');
document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}');
document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
document.write('</style>');
document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;">');
document.write('<div><a id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');
document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=80);background: #888888;width:100%-2px;text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;">');
for(var i=1;i<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i+'</a>');}
document.write('</div></div>');
change_img();
</SCRIPT>
</div>
<!--焦点滚动图结束-->
- 焦点滚动图片
- 类似焦点图的滚动图片形式
- jQuery横向图片滚动焦点图实现
- jquery图片滚动插件制作焦点图片滚动或列表图片滚动
- jquery Xslider 插件焦点图片特效图片淡隐淡现、图片上下滚动、图片左右滚动、选项卡
- jquery图片滚动带左右按钮控制焦点图片切换滚动
- jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动
- jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动
- jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动
- 焦点Banner效果滚动
- jquery左右滚动焦点图banner图片,鼠标经过显示上下页
- Javascript版滚动焦点图
- jquery网页开发实例精解--焦点图(图片自动滚动以及鼠标经过滚动、图片自动淡入淡出已经鼠标经过淡入淡出)
- 滚动图片
- 滚动图片
- 滚动图片
- 图片滚动...............
- 图片滚动
- XP的秘密
- [数论][题目]高级机密
- p6spy,sql profiler,tomcat,dbcp,servlet,郁闷,妖怪问题
- 威迅教育软件工程师毕业了
- ffu噪音
- 焦点滚动图片
- 今天见到了袁鸣和当当网的俞渝
- 采用p6spy完整显示hibernate的SQL语句
- 计算字符的组合量并一一列举出来(java,算法探讨)
- 设置网页背景图片平铺方式 background-repeat 属性
- 求解KMP算法及next值
- WEB程序员学习JS快速指南--基础一
- SRC的RPM包安装方法
- AdvancedArray2.java