发布基于jQuery的灯箱广告插件momoSlideShow

好久不写博客了，今天发布一个插件，这个插件是基于jQuery的插件，主要功能是轮流显示一系列的灯箱广告，该插件具有使用简单，体积小的特点（仅4k左右），界面截图如下：

html：

<div id="slideShow">
    <a title="用wp-markKeyword高亮显示来自搜索引擎的关键字" href="http://iove.net/1344/" target="_blank">
        <img src="images/1.jpg" alt="" />
    </a>
    <a title="跟我学正则之——开发中正则表达式的使用 " href="http://iove.net/1001/" target="_blank">
        <img src="images/2.jpg" alt="" />
    </a>
    <a title="welcome to iove.net" href="http://iove.net/1001/" target="_blank">
        <img src="images/3.jpg" alt="" />
    </a>
    <a title="welcome to iove.net" href="http://iove.net/1001/" target="_blank">
        <img src="images/4.jpg" alt="" />
    </a>
    <a title="welcome to iove.net" href="http://iove.net/1001/" target="_blank">
        <img src="images/5.jpg" alt="" />
    </a></div>

javascript：

	$().ready(function(){
		$("#slideShow").momoSlideShow();
	});

使用非常简单，对html略有些要求，要求一个容器中放置若干个链接，每个链接下有一个图片即可，链接的title将显示为广告的文字说明，而对于target，仅_blank可以起作用，也就是，momoSlideShow仅支持两种打开的方式，一是从本页打开，另一种是从新窗口打开。

同时，这个插件用到了几个CSS class name，分别是：

ss_Text：显示广告文字的class

ss_Toolbar：显示广告及切换按钮的class(就是图片下面的那一条)

ss_Previous：上一张图片的按钮

ss_Next：下一张图片的按钮

ss_Pause：暂停的按钮

下载：Note: There is a file embedded within this post, please visit this post to download the file.

示例：DEMO

　　

注意：本文为我的独立博客镜像博客，自发表不再更新，原文可能随时被更新，敬请访问原文。同时，请大家不要在此评论，如果有什么看法，请点击这里：http://iove.net/1705/

本文来自http://iove.net，欢迎转载，转载敬请保留相关链接，否则视为侵权，原文链接：http://iove.net/1705/