没有合适的资源?快使用搜索试试~ 我知道了~
目前一些网站都带图片每隔一段时间就换一张图片的比较显眼的功能,查了一些网站都是采用flash做的。笔者这里收集了一个直接利用js调用实现图片轮流切换,鼠标点击跳到对应url的功能。
资源推荐
资源详情
资源评论
<TD vAlign=top align=left width=260>
<STYLE type=text/css>/* 数字按钮框样式 */
#imgTitle {FILTER:ALPHA(opacity=70);position:relative;left:0px;text-align:left;overflow: hidden;}
#imgTitle_up {left:0px;text-align: left; height:1px; width:inherit; }
#imgTitle_down {left:0px;text-align: right; width:inherit; }
/* 图片框样式 */
.imgClass {border: 1px solid #000;}
/* 图片文字框样式 */
#txtFrom {text-align: center;vertical-align: middle;}
/* 数字按钮样式 */
.button {text-decoration: none;padding: 2px 7px;background: #7B7B63;margin: 0px;font: bold 9px sans-serif; border-left:#fff 1px solid;}
a.button, a.button:link, a.button:visited {font-family: sans-serif;text-decoration: none;color:#FFFFFF;background-color: #000000;}
a.button:hover {font-family: sans-serif;text-decoration: none;color:#fff;background:#fff; }
.buttonDiv {background: #000000;height: 1px;width: 21px;float: left;text-align: center; vertical-align: middle;}
/*渐变*/
.trans { width:90px; background-color:#000;filter : progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=0,finishOpacity=40);}
</STYLE>
<SCRIPT language=javascript type=text/javascript>
var imgWidth=260; //图片宽
var imgHeight=195; //图片高
var textFromHeight=22; //焦点字框高度 (单位为px)
var textStyle="f12"; //焦点字class style (不是连接class)
var textLinkStyle="p1"; //焦点字连接class style
var buttonLineOn="#f60"; //button下划线on的颜色
var buttonLineOff="#000"; //button下划线off的颜色
var TimeOut=5000; //每张图切换时间 (单位毫秒);
var imgUrl=new Array();
var imgLink=new Array();
var imgtext=new Array();
<STYLE type=text/css>/* 数字按钮框样式 */
#imgTitle {FILTER:ALPHA(opacity=70);position:relative;left:0px;text-align:left;overflow: hidden;}
#imgTitle_up {left:0px;text-align: left; height:1px; width:inherit; }
#imgTitle_down {left:0px;text-align: right; width:inherit; }
/* 图片框样式 */
.imgClass {border: 1px solid #000;}
/* 图片文字框样式 */
#txtFrom {text-align: center;vertical-align: middle;}
/* 数字按钮样式 */
.button {text-decoration: none;padding: 2px 7px;background: #7B7B63;margin: 0px;font: bold 9px sans-serif; border-left:#fff 1px solid;}
a.button, a.button:link, a.button:visited {font-family: sans-serif;text-decoration: none;color:#FFFFFF;background-color: #000000;}
a.button:hover {font-family: sans-serif;text-decoration: none;color:#fff;background:#fff; }
.buttonDiv {background: #000000;height: 1px;width: 21px;float: left;text-align: center; vertical-align: middle;}
/*渐变*/
.trans { width:90px; background-color:#000;filter : progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=0,finishOpacity=40);}
</STYLE>
<SCRIPT language=javascript type=text/javascript>
var imgWidth=260; //图片宽
var imgHeight=195; //图片高
var textFromHeight=22; //焦点字框高度 (单位为px)
var textStyle="f12"; //焦点字class style (不是连接class)
var textLinkStyle="p1"; //焦点字连接class style
var buttonLineOn="#f60"; //button下划线on的颜色
var buttonLineOff="#000"; //button下划线off的颜色
var TimeOut=5000; //每张图切换时间 (单位毫秒);
var imgUrl=new Array();
var imgLink=new Array();
var imgtext=new Array();
var imgAlt=new Array();
var adNum=0;
//焦点字框高度样式表 开始
document.write('<style type="text/css">');
document.write('#focuseFrom{width:'+(imgWidth+2)+';margin: 0px; padding:0px;height:'+(imgHeight+textFromHeight)+'px; overflow:hidden;}');
document.write('#txtFrom{height:'+textFromHeight+'px;line-height:'+textFromHeight+'px;width:'+imgWidth+'px;overflow:hidden;}');
document.write('#imgTitle{width:'+imgWidth+';top:-'+(textFromHeight+16)+'px;height:18px}');
document.write('</style>');
document.write('<div id="focuseFrom">');
//焦点字框高度样式表 结束
imgUrl[1]='http://img2.pconline.com.cn/pconline/pingce/2007/mobile/0712/071227_jdt_np_260.jpg';
imgtext[1]='<A HREF="http://www.pconline.com.cn/pingce/2007/mobile/0712/1190636.html" TARGET="_blank" class="'+textLinkStyle+'">谁是07年最美丽的掌中风景? 时尚手机横向评</A>';
imgLink[1]='http://www.pconline.com.cn/pingce/2007/mobile/0712/1190636.html';
imgAlt[1]='谁是07年最美丽的掌中风景? 时尚手机横向评';
imgUrl[2]='http://img2.pconline.com.cn/pconline/pingce/2007/mobile/gps/0712/0712/071212_gps_ndpc_260.jpg';
imgtext[2]='<A HREF="http://www.pconline.com.cn/pingce/2007/mobile/gps/0712/1172184.html" TARGET="_blank" class="'+textLinkStyle+'">谁是真正的掌中北斗?07年GPS导航手机横向评</A>';
imgLink[2]='http://www.pconline.com.cn/pingce/2007/mobile/gps/0712/1172184.html';
imgAlt[2]='谁是真正的掌中北斗?07年GPS导航手机横向评';
function changeimg(n)
{
adNum=n;
var adNum=0;
//焦点字框高度样式表 开始
document.write('<style type="text/css">');
document.write('#focuseFrom{width:'+(imgWidth+2)+';margin: 0px; padding:0px;height:'+(imgHeight+textFromHeight)+'px; overflow:hidden;}');
document.write('#txtFrom{height:'+textFromHeight+'px;line-height:'+textFromHeight+'px;width:'+imgWidth+'px;overflow:hidden;}');
document.write('#imgTitle{width:'+imgWidth+';top:-'+(textFromHeight+16)+'px;height:18px}');
document.write('</style>');
document.write('<div id="focuseFrom">');
//焦点字框高度样式表 结束
imgUrl[1]='http://img2.pconline.com.cn/pconline/pingce/2007/mobile/0712/071227_jdt_np_260.jpg';
imgtext[1]='<A HREF="http://www.pconline.com.cn/pingce/2007/mobile/0712/1190636.html" TARGET="_blank" class="'+textLinkStyle+'">谁是07年最美丽的掌中风景? 时尚手机横向评</A>';
imgLink[1]='http://www.pconline.com.cn/pingce/2007/mobile/0712/1190636.html';
imgAlt[1]='谁是07年最美丽的掌中风景? 时尚手机横向评';
imgUrl[2]='http://img2.pconline.com.cn/pconline/pingce/2007/mobile/gps/0712/0712/071212_gps_ndpc_260.jpg';
imgtext[2]='<A HREF="http://www.pconline.com.cn/pingce/2007/mobile/gps/0712/1172184.html" TARGET="_blank" class="'+textLinkStyle+'">谁是真正的掌中北斗?07年GPS导航手机横向评</A>';
imgLink[2]='http://www.pconline.com.cn/pingce/2007/mobile/gps/0712/1172184.html';
imgAlt[2]='谁是真正的掌中北斗?07年GPS导航手机横向评';
function changeimg(n)
{
adNum=n;
剩余5页未读,继续阅读
资源评论
skylen2008
- 粉丝: 14
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功