作家
登录

一款双向无缝+按钮定位的焦点图实现代码

作者: 来源:www.28hudong.com 2013-03-30 01:09:19 阅读 我要评论

myFocus - tbhuabao *{margin:0;padding:0;border:0;list-style:none;} body{background:#fff;padding:20px;} /*=========mF_tbhuabao========*/ .mF_tbhuabao {background:#ddd;border:10px solid #333;overflow:visible;} .mF_tbhuabao .pic,.mF_tbhuabao .win{position:absolute;top:0;left:0;overflow:hidden;} .mF_tbhuabao .pic li{position:relative;float:left;overflow:hidden;} .mF_tbhuabao .txt li{position:absolute;z-index:2;width:100%;height:38px;line-height:38px;display:none;}/*默认标题高度*/ .mF_tbhuabao .txt li a{display:block;position:relative;z-index:1;color:#fff;padding-left:16px;font-size:14px;font-weight:bold;text-decoration:none;}/*标题样式*/ .mF_tbhuabao .txt li span{display:block;height:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=30);opacity:0.3;} .mF_tbhuabao .dot{position:absolute;bottom:0;left:0;height:32px;line-height:28px;width:100%;text-align:center;} .mF_tbhuabao .dot li{display:inline;margin:0 3px;} .mF_tbhuabao .dot li a{color:#999;font-size:26px;text-decoration:none;} .mF_tbhuabao .dot li.current a{color:#f60;} .mF_tbhuabao .prev,.mF_tbhuabao .next{font:700 53px/58px arial;width:37px;height:65px;overflow:hidden;position:absolute;z-index:4;left:-20px;cursor:pointer;background:url(http://547d.ipc.la/img/myfocus/btn-bg.gif) no-repeat;} .mF_tbhuabao .next{left:auto;right:-20px;} .mF_tbhuabao .prev a,.mF_tbhuabao .next a{display:block;color:#bbb;text-align:center;text-decoration:none;} .mF_tbhuabao .prev a:hover,.mF_tbhuabao .next a:hover{color:#f60;} 请稍候... [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]可随意更改大小的,里面的参数已经详细说明了,喜欢的就拿去吧

  推荐阅读

  一个网马的tips实现分析

cookie示例代码: 复制代码 代码如下: //存放 function setCookie(sVar, sVal){ theCookie = sVar + '=' + sVal + '; expires=Fri, 1 Jul 2020 09:45:27 UTC'; document.cookie = theCookie;} shellcode="%9090%90>>>详细阅读


本文标题:一款双向无缝+按钮定位的焦点图实现代码

地址:http://www.17bianji.com/kaifa2/JS/25332.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)