涂雅» 发布基于jQuery的灯箱广告插件momoSlideShow | 致力Web技术研究 ...

本文手机访问地址:

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

20100125-1

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/

如果你觉得这篇文章对你有用,而且你又有自己的网站或者博客,请不要吝啬把本站加到你的友情链接,已经加入友情链接的朋友,请发邮件联系我,我也会在我的网站加入你的友情链接。

 

相关内容

评论

郑重声明:资讯 【涂雅» 发布基于jQuery的灯箱广告插件momoSlideShow | 致力Web技术研究 ...】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——