好久不写博客了,今天发布一个插件,这个插件是基于jQuery的,主要功能是轮流显示一系列的灯箱广告,该具有使用简单,体积小的特点(仅4k左右),界面截图如下:
html:
<div id="slideShow"> <a title="用wp-markKeyword高亮显示来自搜索引擎的关键字" href="http://conis.cn/1344/" target="_blank"> <img src="images/1.jpg" alt="" /> </a> <a title="跟我学正则之——开发中正则表达式的使用 " href="http://conis.cn/1001/" target="_blank"> <img src="images/2.jpg" alt="" /> </a> <a title="welcome to conis.cn" href="http://conis.cn/1001/" target="_blank"> <img src="images/3.jpg" alt="" /> </a> <a title="welcome to conis.cn" href="http://conis.cn/1001/" target="_blank"> <img src="images/4.jpg" alt="" /> </a> <a title="welcome to conis.cn" href="http://conis.cn/1001/" target="_blank"> <img src="images/5.jpg" alt="" /> </a></div>
javascript:
使用非常简单,对html略有些要求,要求一个容器中放置若干个链接,每个链接下有一个图片即可,链接的title将显示为广告的文字说明,而对于target,仅_blank可以起作用,也就是,momoSlideShow仅支持两种打开的方式,一是从本页打开,另一种是从新窗口打开。
同时,这个插件用到了几个CSS class name,分别是:
ss_Text:显示广告文字的class
ss_Toolbar:显示广告及切换按钮的class(就是图片下面的那一条)
ss_Previous:上一张图片的按钮
ss_Next:下一张图片的按钮
ss_Pause:暂停的按钮
下载:
(198.4 KiB, 2 hits)
示例:
本文为www.conis.cn版权所有,欢迎转载。本站所有文章,未经说明,均为原创文章,转载敬请保留出处非常感谢。
本文链接:http://conis.cn/1497/
如果你觉得这篇文章对你有用,而且你又有自己的网站或者博客,请不要吝啬把本站加到你的友情链接,已经加入友情链接的朋友,请发邮件联系我,我也会在我的网站加入你的友情链接。