jQuery模拟新浪微博首页滚动效果的方法
本文实例讲述了jQuery模拟新浪微博首页滚动效果的方法。分享给大家供大家参考。具体实现方法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="js/jquery.min.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script language="javascript"> $(function(){ var scrtime; $("#con").hover(function(){ clearInterval(scrtime); },function(){ scrtime = setInterval(function(){ var $ul = $("#con ul"); var liHeight = $ul.find("li:last").height(); $ul.animate({marginTop : liHeight+40 +"px"},1000,function(){ $ul.find("li:last").prependTo($ul) $ul.find("li:first").hide(); $ul.css({marginTop:0}); $ul.find("li:first").fadeIn(1000); }); },3000); }).trigger("mouseleave"); }); </script> <style type="text/css"> <!-- *{ margin:0; padding:0;} ul,li{ list-style-type:none;} body{ font-size:13px; background-color:#999999;} #con{ width:700px; height:400px; margin:10px auto; position:relative; border:1px #666 solid; background-color:#FFFFFF; overflow:hidden;} #con ul{ position:absolute; margin:10px; top:0; left:0; padding:0;} #con ul li{ width:100%; border-bottom:1px #333333 dotted; padding:20px 0; overflow:hidden; } #con ul li a{ float:left; border:1px #333333 solid; padding:2px;} #con ul li p{ margin-left:68px;line-height:1.5; padding:10px;} --> </style> <body> <div id="con"> <ul> <li> <a href="#"><img src="img/1.jpg" /></a> <p class="vright">人生若只如初见</p> </li> <li> <a href="#"><img src="img/2.jpg" /></a> <p class="vright">何事秋风悲画扇</p> </li> <li> <a href="#"><img src="img/3.jpg" /></a> <p class="vright">等闲变却故人心</p> </li> <li> <a href="#"><img src="img/4.jpg" /></a> <p class="vright">却道故人心易变</p> </li> </ul> </div> </body> </html>
希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍jquery实现仿新浪微博评论滚动效果，包括了jquery实现仿新浪微博评论滚动效果的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jquery实现仿新浪微博评论滚动效果。分享给大家供大家参考。具体如下： 这里使用jquery实现评论滚动效果，仿新浪微博大厅文字滚动效果，以前有不少人膜拜的效果，现在被模仿的到处都是啦，呵呵，今天这个仍是模仿的，评论和头像一起向下滚动，最新的一
-
本文向大家介绍js实现类似新浪微博首页内容渐显效果的方法，包括了js实现类似新浪微博首页内容渐显效果的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js实现类似新浪微博首页内容渐显效果的方法。分享给大家供大家参考。具体分析如下： 要点一： 从在前面插入新内容，如果没有新内容，就是在后面插入新内容。 要点二： 取得li的高度，然后再li的高度设置为0,因为高度的变化是从0到现有高度。
-
本文向大家介绍JS实现的新浪微博大厅文字内容滚动效果代码，包括了JS实现的新浪微博大厅文字内容滚动效果代码的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现的新浪微博大厅文字内容滚动效果代码。分享给大家供大家参考，具体如下： 新浪微博大厅滚动tweets-slide，JavaScript实现，貌似这些天有不少朋友需要这功能，前几天已经发了几个了，不过今天发现这款竟然还要好，不敢独享，
-
1. 申请应用 1.注册微博开放平台账号 https://open.weibo.com/apps。如果已有则忽略该步骤，直接进入第二步。 2.创建应用 通过顶部菜单栏的【微连接-网站接入】或者直接点击【网站接入 (opens new window)】进入网站接入界面 点击【立即接入】按钮进入创建应用页面，填入应用名称，应用分类选择默认的“网页应用”即可 创建完成后会自动跳转到应用信息页面，如下图，
-
使用oauth2.0协议，封装了新浪微博的常用请求，登录，获取个人信息，获取微博，获取粉丝，关注，微博分类以及地理位置等请求。使用方便。请求使用的是MKNetworkkit第三方库。代码使用block来写的。
-
本文向大家介绍django接入新浪微博OAuth的方法，包括了django接入新浪微博OAuth的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了django接入新浪微博OAuth的方法。分享给大家供大家参考。具体分析如下： 最近将网站和新浪微博进行了整合，思路很简单，就是将页面内容和新浪微博联系起来，一个独立内容的页面对于一条微博，自然评论系统只需要使用微博的评论即可。 然后，用户需
-
简介： Eclipse微博，Eclipse上的新浪微博插件。可在Eclipse环境下（例如Eclpise,MyEclipse,Zend studio,等) 运行（JDK版本1.6以上）。。 已实现发表微博（可带图片，可从剪贴板中发图），查看好友和自己的微博列表，粉丝和关注列表，同时可以设置是否显示头像。 有了Eclipse微博，写代码时也不再无聊，想发就发，想贴图就贴图。 截图： 全貌截图：看，是
-
本文向大家介绍jQuery实现鼠标选文字发新浪微博的方法，包括了jQuery实现鼠标选文字发新浪微博的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery实现鼠标选文字发新浪微博的方法。分享给大家供大家参考，具体如下： 最近注意到新浪博客有个小功能，就是当鼠标选中一段文字时会浮现一个小图片，点击这个图片可以把选中内容发送到新浪微博，一时兴起昨晚就写了一个Demo玩了一下，代码超