- 浏览: 287229 次
- 性别:
- 来自: 福建龙岩
文章分类
- 全部博客 (201)
- JavaSE (20)
- Struts1 (7)
- Struts2 (0)
- Hibernate (0)
- Spring (2)
- Flex (0)
- Ajax (1)
- web (20)
- Database (17)
- jsp/servlet (1)
- javascirpt (14)
- freemarker (2)
- jquery (6)
- SEO优化 (26)
- JSP&Servlet (1)
- PHP (32)
- CSS (12)
- Magento (9)
- 网站性能优化 (3)
- Flash (1)
- 生活 (3)
- 网站建设 (15)
- ZenCart (12)
- web自动化 (1)
- 企业应用 (1)
- LINUX (4)
- 字符集 (2)
- Delphi (1)
- C# (4)
- 移动互联网 (1)
- Vim (1)
最新评论
-
谷超:
第一次搞freemarker,test.ftl这个文件应该放在 ...
freemarker入门例子 -
zyhui98:
file_get_contents用不了
通过IP获取地理位置 -
ljx0517:
那ff下无法获取 路径怎么办呢
common-fileupload中FileItemStream的getName()方法 -
kaixuan_166:
多谢,刚好用到
通过Google获取天气预报信息 -
lufengdie:
借用下,嘿嘿··
java查询IP物理地址
<!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>
<title>tweets-slide</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<style type="text/css" _mce_bogus="1">
<!--
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5 tahoma, arial, \5b8b\4f53; color:#666; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
body{background-color:#ECF5FF;}
#wp{width:500px; height:400px; overflow:hidden; margin:20px auto; border:1px solid #333; background-color:#fff; position:relative;}
.wp_con{padding:10px; border-bottom:1px dashed #333; background-color:#fff;}
.wp_shade{background:url(wp_shade.png) 0 0 no-repeat; width:500px; height:45px; position:absolute; left:0; bottom:-1px; overflow:hidden;}
-->
</style>
<script type="text/javascript">
(function(a) {
a.fn.slider = function(d) {
var g = {
sliderTime: 3000,
sliderEffect: "shovedOff", // sliderEffect每次变化的函数
coincide: true, // 控制先变化height后变化opacity的效果,false时类似于微博效果
mousePause: true, // 鼠标控制暂停与播放的事件,true时增加鼠标事件
itemFlag: "" // 增加HTML子类的附加属性,直接定义即可
};
var i = 0;
var b = a.extend(g, d);
var f = b.sliderTime;
var h = a(this);
if (b.mousePause) {
h.bind("mouseleave",
function() {
clearTimeout(i);
i = setInterval(function() {
c[b.sliderEffect]()
},
f)
});
h.bind("mouseenter",
function() {
clearTimeout(i)
})
}
var e = function() {
$s_first_child = h.find("." + b.itemFlag + ":first-child");
$s_last_child = h.find("." + b.itemFlag + ":last-child");
firstH = $s_first_child.height();
lastH = $s_last_child.height();
};
var c = {
shovedOff: function() {
e();
$s_last_child.css({
opacity: 0,
height: 0
}).prependTo(h);
if (!b.coincide) {
$s_last_child.animate({
height: lastH
},
800,
function() {
a(this).animate({
opacity: 1
},
600)
})
} else {
$s_last_child.css({
opacity: 1
}).animate({
height: lastH
},
1200)
}
}
};
i = setInterval(function() {
c[b.sliderEffect]()
},
f)
}
})(jQuery);
</script>
</head>
<body>
<div id="wp">
<div id="wp_inner">
<div class="wp_con">
NO.1 test!NO.1 test!NO.1 test!NO.1 test!NO.1 test!NO.1 test!NO.1 test!NO.1 test!NO.1 test!NO.1 test!
</div>
<div class="wp_con">
NO.2 test!NO.2 test!NO.2 test!NO.2 test!NO.2 test!NO.2 test!NO.2 test!NO.2 test!NO.2 test!NO.2 test!NO.2 test!NO.2 test!NO.2 test!NO.2 test!NO.2 test!NO.2 test!NO.2 test!
</div>
<div class="wp_con">
NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!NO.3 test!
</div>
<div class="wp_con">
NO.4 test!NO.4 test!NO.4 test!NO.4 test!NO.4 test!NO.4 test!NO.4 test!NO.4 test!NO.4 test!NO.4 test!NO.4 test!NO.4 test!
</div>
<div class="wp_con">
NO.5 test!NO.5 test!NO.5 test!NO.5 test!NO.5 test!NO.5 test!NO.5 test!NO.5 test!NO.5 test!NO.5 test!NO.5 test!NO.5 test!NO.5 test!NO.5 test!NO.5 test!NO.5 test!
</div>
<div class="wp_con">
NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!NO.6 test!
</div>
<div class="wp_con">
NO.7 test!NO.7 test!NO.7 test!NO.7 test!NO.7 test!NO.7 test!NO.7 test!
</div>
<div class="wp_con">
NO.8 test!NO.8 test!NO.8 test!NO.8 test!NO.8 test!NO.8 test!NO.8 test!NO.8 test!NO.8 test!NO.8 test!NO.8 test!NO.8 test!NO.8 test!NO.8 test!
</div>
<div class="wp_con">
NO.9 test!NO.9 test!NO.9 test!NO.9 test!NO.9 test!NO.9 test!NO.9 test!NO.9 test!NO.9 test!NO.9 test!NO.9 test!NO.9 test!
</div>
<div class="wp_con">
NO.10 test!NO.10 test!NO.10 test!NO.10 test!NO.10 test!NO.10 test!NO.10 test!NO.10 test!NO.10 test!NO.10 test!NO.10 test!NO.10 test!NO.10 test!NO.10 test!NO.10 test!
</div>
</div>
<div class="wp_shade" style="_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp_shade.png', sizingMethod='scale');_background-image:none;"></div>
<!-- src不支持相对路径,使用绝对路径 -->
</div>
<script type="text/javascript">
$('#wp_inner').slider({
sliderTime:4000,
coincide:false
});
</script>
</body>
</html>
发表评论
-
JQuery瀑布流布局插件
2015-08-11 13:56 570http://sc.chinaz.com/tag_jiaobe ... -
三种获取ajax加载的动态内容的方法
2015-06-14 02:04 2503有些网站的比较重要的内容可能会采用javascript动态加 ... -
Jquery 仿新浪首页信息滚动效果2
2012-12-14 12:31 841<!DOCTYPE html> <h ... -
分享79个Jquery图片滚动插件
2012-03-10 01:15 0http://www.chhua.com/web-note29 ... -
eval(function(p,a,c,k,e,d)系列解密javascript程序
2011-01-10 14:50 1553<script> a=62; functi ... -
JQuery跨区访问简单解决方案
2010-12-27 22:39 832注册了一个域名wholesaleast.com。通常我们会将一 ... -
(转)JavaScript正则表达式收集
2010-11-19 14:33 750匹配中文字符的正则表达式: [u4e00-u9fa5] 评注 ... -
Javascript关于top、clientTop、scrollTop、offsetTop
2010-09-17 10:15 1853网页可见区域宽: document.body.cli ... -
Javascript&CSS实现的下拉框
2010-08-12 18:15 584一款非常好看的下拉框 -
两款文件批量上传组件
2010-07-26 18:02 1157第一款是flash的上传组件 http://www.apue ... -
JavaScript函数式编程
2010-07-06 18:27 911函数式编程概念 在那些通过描述 “如何做” 指定解决问 ... -
两种方法调用JavaScript函数
2010-07-06 17:41 939在JavaScript中,有两种调用函数的方式。一般的方式是把 ... -
Javascript的陷阱
2010-07-06 16:33 875条件语句(3个陷阱) ... -
javascript的event.srcElement与event.target
2010-06-23 16:25 1512Javascript event.srcElement可以捕捉 ... -
firefox下如何获取event
2010-06-23 16:08 1412在IE中可以直接使用的event在Firefox下却不能使用, ... -
基于Javascript的Flash媒体版本检测与嵌入模块
2010-06-18 18:25 850SWFObject: 基于Javascript的Flash媒体 ... -
JS屏蔽flash右键信息
2010-06-18 18:17 911<!DOCTYPE html PUBLIC &quo ... -
jQuery验证框架使用例子
2010-06-10 12:25 1575jQuery的validator框架用起来挺舒服的,方便而且扩 ... -
可移动div弹出层
2010-05-25 09:59 1321function showTitle(event, ob ...
相关推荐
jQuery仿新浪微博大厅滚动效果v2.0 jQuery仿新浪微博大厅滚动效果v2.0,分别调用了jQuery动画暂停插件和滚动效果js,具体见代码,源码库推荐下载。
js特效脚本含源码和说明jQuery仿新浪微博大厅滚动效果v2.0本资源系百度网盘分享地址
这是一款仿新浪微博首页的jQuery文字滚动留言板插件。这款留言板插件使用户发布的信息不断的滚动显示,并且无缝衔接,效果非常不错。
jQuery完美仿新浪微博大厅无缝滚动效果 v2.0 新版 注意:请使用最新的jquery包,否则可能在非IE浏览器下出现显示BUG,最新版可到Jquery官网 www.jquery.com下载,由于jQuery本身动画无法暂停,故采用第三方重写动画...
jquery新浪微博图文列表滚动切换效果代码
jQuery完美仿新浪微博大厅无缝滚动效果 20121106新版 注意:请使用最新的jquery包,否则可能在非IE浏览器下出现显示BUG,最新版可到Jquery官网 www.jquery.com下载,由于jQuery本身动画无法暂停,故采用第三方重写...
主要介绍了jquery实现仿新浪微博评论滚动效果,基于jquery实现页面图文定时滚动效果,涉及jquery页面元素的遍历与样式的动态操作技巧,是一款经典的jquery滚动特效,非常具有实用价值,需要的朋友可以参考下
仿新浪微博大厅动态向下滚动jQuery版,淡入浅出效果 注意:请使用最新的jquery包,否则可能在非IE浏览器下出现显示BUG,最新版可到Jquery官网 www.jquery.com下载
主要介绍了jQuery模拟新浪微博首页滚动效果的方法,实例分析了jQuery使用animate、css等方法实现滚动特效的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
63. [荐]jquery仿flash漂亮横向图片滚动效果完整版(兼容性非常好) 64. [荐]jQuery焦点图幻灯切换插件Tab选项卡(soChange 1.4)下载 65. 一款jQuery仿flash放大图片的相册插件 66. 一款jQuery仿苹果mac os系统经典...
1、效果及功能说明 仿新浪微博图片文字列表上下淡进淡出间歇上下滚动 2、实现原理 首先要设定div内只能显示4个图片那么多出来的图片会自动隐藏然后在给图片添加一个动画的事件让他们可以滚动的播放出来上下滚动效果...
jQuery仿新浪新闻图片浏览器(支持鼠标左右滚动控制图片切换) jquery仿苏宁易购商城产品图片全方位展示功能 jquery制作漂亮按钮示例打包 jQuery动态切换网页背景的大块图片的导航栏代码 jquery图文排行混合互相切换...
63. [荐]jquery仿flash漂亮横向图片滚动效果完整版(兼容性非常好) 64. [荐]jQuery焦点图幻灯切换插件Tab选项卡(soChange 1.4)下载 65. 一款jQuery仿flash放大图片的相册插件 66. 一款jQuery仿苹果mac os系统经典...
63. [荐]jquery仿flash漂亮横向图片滚动效果完整版(兼容性非常好) 64. [荐]jQuery焦点图幻灯切换插件Tab选项卡(soChange 1.4)下载 65. 一款jQuery仿flash放大图片的相册插件 66. 一款jQuery仿苹果mac os系统经典...
63. [荐]jquery仿flash漂亮横向图片滚动效果完整版(兼容性非常好) 64. [荐]jQuery焦点图幻灯切换插件Tab选项卡(soChange 1.4)下载 65. 一款jQuery仿flash放大图片的相册插件 66. 一款jQuery仿苹果mac os系统经典...
jquery版,简单易用的jQuery 版仿新浪微博 向下滚动效果,现在越来越发现jquery太强大咯,哈哈。