wenson小庄

导航

2013年9月15日 #

漂亮的jQuery tab选项卡插件

摘要: 清远大学城网(http://www.qydxc.com)tab选项卡在实际应用中几乎到处可见,像现在大型网站163,QQ,新浪,淘宝都使用了tab选项卡效果,下面我来介绍一款jQuery tab选项卡插件. jQuery tab插件 结构: 代码如下复制代码 tab1 tab2 ... 阅读全文

posted @ 2013-09-15 11:46 小庄1 阅读(414) 评论(0) 推荐(0) 编辑

jquery禁用右键、文本选择功能、复制按键的实现

摘要: 本文章介绍的jquery禁用右键、文本选择功能、复制按键的实现它可以兼容浏览器有IE、firefox、谷歌浏览器,各位朋友可参考。IE浏览器是指以IE为核心的浏览器也支持,如果有360,QQ,soguo 代码如下复制代码 //禁用右键、文本选择功能、复制按键 $(document).bind("contextmenu",function(){return false;}); $(document).bind("selectstart",function(){return false;}); $(document).keydown(function(){r 阅读全文

posted @ 2013-09-15 11:43 小庄1 阅读(218) 评论(0) 推荐(0) 编辑

jquery中邮箱地址 URL网站地址正则验证实例

摘要: QQ网站有一个网站举报的功能,看了一些js代码觉得写得很不错,我就拿下来了,下面是一个email验证与url网址验证js代码,分享给大家。 email地址验证 代码如下复制代码function checkEmail(){ var email=$.trim($("#report_email").val()); if(email == ""){ $("#report_email").next('p').html("*请输入邮箱地址!"); return false; } var re = /^([a-z 阅读全文

posted @ 2013-09-15 11:41 小庄1 阅读(370) 评论(0) 推荐(0) 编辑

Jquery实现由下向上展开的效果

摘要: 清远大学城网(http://www.qydxc.com)常见的做向下展开的效果很简单,直接用slideUp跟slideDown就行。如果要展开的div是通过position:absolute绝对定位的,且通过相对与底部定位,如bottom:0px 这个时候调用slideDown就是向上展开的。 (因... 阅读全文

posted @ 2013-09-15 11:40 小庄1 阅读(6032) 评论(0) 推荐(0) 编辑

jquery仿凡客诚品图片切换的效果实例代码

摘要: 清远大学城网(http://www.qydxc.com)是一个不错的图片切换效果,就是可以图片带文字说明的折叠效果,下面我来给大家推荐两个版本的效果,有需要了解的朋友可参考。 图片版的效果 代码如下复制代码 特价包邮卡通三件套哆啦a梦 ... 阅读全文

posted @ 2013-09-15 11:38 小庄1 阅读(599) 评论(0) 推荐(0) 编辑

jquery显示隐藏更多内容信息实例演示

摘要: 清远大学城网(http://www.qydxc.com)在jquery中显示隐藏的方法有很多,下面我来介绍像有一些网站,更多内容或更多城市点击时显示再次点击就隐藏了,下面我们看一个实例。 点击下显示全部,再次点击下隐藏部分。下面咱用jquery来实现这个效果。 代码如下复制代码 代码主要参考锋利的j... 阅读全文

posted @ 2013-09-15 11:35 小庄1 阅读(447) 评论(0) 推荐(0) 编辑

query实现图片上下左右翻滚效果代码

摘要: 文章来给大空介绍基于jquery的animate方法实现的一个图片上下左右翻滚效果代码,下面我来给大家发我早上整的jquery实现图片显示上下左右翻滚实例代码,各位朋友可进入参考。 我们先来看看核心代码复制代码$(document).ready(function(){ $(".top div a").hover(function(){ $("img",this).stop().animate({top:"-56px"},{queue:false,duration:200}); },function(){ $("img&quo 阅读全文

posted @ 2013-09-15 11:32 小庄1 阅读(290) 评论(0) 推荐(0) 编辑

jquery简单实现点击弹出层效果实例

摘要: 弹出层在实际应用中我们经常会碰到大量的弹出层效果,下面我来做一个基于jquery的简单的弹出层效果实例,各位朋友有兴趣可参考。效果代码如下在弹出层中下面是核心代码完整实例点击这里是弹出层效果 阅读全文

posted @ 2013-09-15 11:31 小庄1 阅读(525) 评论(0) 推荐(0) 编辑

jquery仿天猫商城鼠标移近图片变暗的代码

摘要: 图片变暗效果是当我们的鼠标移近图片时才有这种效果,下面我来介绍基于jquery mouseover mouseout事件来快速实例,鼠标移近图片变暗的代码各位朋友有需要可参考。核心代码主要就是个jquery mouseover mouseout事件$(function(){ $(".floor-maskItem").mouseover(function(){ $(this).addClass("qq").parent().addClass("hover"); }).mouseout(function(){ $(this).remove 阅读全文

posted @ 2013-09-15 11:29 小庄1 阅读(224) 评论(0) 推荐(0) 编辑

Jquery实现层div自动悬浮顶部实例

摘要: 悬浮顶部效果并不是一直这样,而当我们滚动到指定位置时这个指定的DIV层就会自动悬浮顶部了,下面我来给大家具体介绍实现过程。直接用以下代码 要注意两点,一个是style clear:both,另一个就产class=y_bdsView Code 这段代码插入到模板目录loop-single.php里 (如果你的博客已经有了jquery.js 文件,请删除第一行代码)scroll.js为月小升单独编写文件,内容如下$(document).ready(function(){ var headHeight=200; //这个高度其实有更好的办法的。使用者根据自己的需要可以手工调整。 var nav... 阅读全文

posted @ 2013-09-15 11:26 小庄1 阅读(1615) 评论(0) 推荐(0) 编辑

jquery实现多行文字图片滚动效果

摘要: 基于jquery的实现多行文字图片滚动的效果代码,如果我们在论坛公告等等这些实例了,下面我来给各位朋友介绍介绍。 1 2 3 我是jquery多行滚动条一 4 我是jquery多行滚动条二 5 我是jquery多行滚动条三 6 我是jquery多行滚动条四 7 我是jquery多行滚动条五 8 我是jquery多行滚动条六 9 我是jquery多行滚动条七10 我是jquery多行滚动条八11 12 .13 14 15 16 View Code 阅读全文

posted @ 2013-09-15 11:21 小庄1 阅读(251) 评论(0) 推荐(0) 编辑

Jquery关闭离开页面时提醒

摘要: jquery离开页面弹出提示代码//绑定beforeunload事件$(window).bind('beforeunload',function(){return '您输入的内容尚未保存,确定离开此页面吗?';});//解除绑定,一般放在提交触发事件中$(window).unbind('beforeunload');js离开页面提示window.onbeforeunload = function(event) { return confirm("确定退出吗"); } 阅读全文

posted @ 2013-09-15 11:16 小庄1 阅读(705) 评论(0) 推荐(0) 编辑

仿新浪微博返回顶部的js实现(jQuery)

摘要: 现在各种大型网站都非常注重用户体验,而良好用户体验可以从细微之处看出,比如这些返回顶部按钮。CSS代码.backToTop { display: none; width: 18px; line-height: 1.2; padding: 5px 0; background-color: #000; color: #fff; font-size: 12px; text-align: center; position: fixed; _position: absolute; right: 10px; bottom: 100px... 阅读全文

posted @ 2013-09-15 11:14 小庄1 阅读(239) 评论(0) 推荐(0) 编辑