首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery插件调整

2013-02-24 
jquery插件整合jquery插件整合1、jquery仿微博鼠标经过悬浮提示效果插件 poshytiphttp://vadikom.com/demos

jquery插件整合
jquery插件整合

1、jquery仿微博鼠标经过悬浮提示效果插件 poshytip

     http://vadikom.com/demos/poshytip/

     优化链接地址: http://www.wufangbo.com/jquery-poshytip/



2、12个jQuery Ajax分页插件和教程

     http://www.wufangbo.com/12-jquery-ajax-page/



3、23款jQuery图片滚动相册特效插件

     http://www.wufangbo.com/23-jquery-te-xiao/



4、60个jQuery 幻灯片插件演示和下载

     http://www.wufangbo.com/jquery-huandengpian/



5、jQuery input输入框邮箱下拉提示层效果

  http://www.wufangbo.com/jquery-input-tishi/



6、jquery写的html5音乐播放器

  http://www.wufangbo.com/jquery-html5-player/



7、几个jquery星型评级插件

  http://www.wufangbo.com/jquery-star/



8、input 输入框获得和失去焦点时隐藏或者显示文字

     http://www.wufangbo.com/input-jiaodian/



9、jquery滚动新闻公告效果

   

仿Twitter的公告效果:



方法如下:http://www.wufangbo.com/jquery-gong-gao-xiao-guo/

1、HTML 部分:

<ul id=”twitter”>
<li>第一条消息</li>
<li>第二条消息</li>
<li>第三条消息</li>
</ul>
关于输出 twitter 消息的方法很多,有兴趣的朋友可以看一下。

2、载入 JQuery

直接用 google 托管的就行。

<script type=”text/javascript”src=”http://ajax.googleapis.com/ajax/libs/jquery
/1.2.6/jquery.min.js”></script>
3、JQuery 执行代码

$(document).ready(function(){
$(“#twitter li:not(:first)”).css(“display”,”none”);
var B=$(“#twitter li:last”);
var C=$(“#twitter li:first”);
setInterval(function(){
if(B.is(“:visible”)){
C.fadeIn(500).addClass(“in”);B.hide()
}else{
$(“#twitter li:visible”).addClass(“in”);
$(“#twitter li.in”).next().fadeIn(500);
$(“li.in”).hide().removeClass(“in”)}
},3000) //每3秒钟切换一条,你可以根据需要更改
})


10.jQuery实现的无比强悍的图片拍照效果
http://www.sharejs.com/js/image/10444

热点排行