js jquery 练习示例
文章平均质量分 73
hdchangchang
这个作者很懒,什么都没留下…
展开
-
js 模拟右键菜单
使用右键事件在需要右键的地方加上 onmousedown="if(event.button == 2) alert('点击右键了!');即可 不经意地被一位同事问起在javascript里面如何检测右键事件,并且屏蔽原来的右键菜单,上网查找一翻之后发现一些比较简单的方法。如设置onmousedown,检查其event.button的值是不是2(代表右键)。这个方法在FF和IE转载 2013-07-12 15:34:28 · 8511 阅读 · 3 评论 -
图片自动切换 避免 鼠标快速滑过
参考:http://mrthink.net/demo/ijq20110321.htmjquery 防止鼠标快速滑过: mouseenter的时候,setTimeout 延迟 执行,mouseleave的时候 clearTimeout示例:无标题文档* {margin:0;padding:0}li {原创 2012-10-26 12:38:35 · 1014 阅读 · 0 评论 -
右键禁用、防止文字选中 、返回选中的文本
event事件参考: http://www.mangguo.org/8-jquery-tip-and-trick/http://bbs.blueidea.com/forum.php?mod=viewthread&tid=2735491 右键菜单的禁用:网上有几种方法:1.document.oncontextmenu = new Function("return原创 2013-01-05 12:08:54 · 3976 阅读 · 0 评论 -
图片放大镜效果-- jquery实现
仿照淘宝效果的的,我还是菜鸟,写了很久,原创哈,汗!需要注意:1.大图片和小图片的长宽比 应该一致2.遮罩用的小div 应该和大图片外面的div 的长宽比 一致无标题文档* { padding:0px; margin:0px}.sbox { width:200px; height:200px; marg原创 2012-12-14 22:41:06 · 837 阅读 · 0 评论 -
js关于document和window对象
转自:http://www.cnblogs.com/solucky/archive/2006/09/13/502835.html[document对象] 该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。 属性 alinkColor 活动链接的颜色(ALINK) anchor 一个HTMI锚点,使用标记创建(该属性本身也是转载 2012-12-18 16:15:43 · 394 阅读 · 0 评论 -
简单瀑布流-jquery实现
分享一个简单的瀑布流蓝色理想上看到的:http://bbs.blueidea.com/thread-3063753-1-1.htmlJquery瀑布流布局(每行代码都有详细注释)-作者:刘晓帆body, ul, li, h3 { margin: 0; padding: 0; list-style: none; font: bold 12px "微软雅黑"; }/*瀑布转载 2012-12-18 19:53:15 · 631 阅读 · 0 评论 -
判断浏览器版本
用jquery判断浏览器类型:判断浏览器类型是IE浏览器还是火狐甚至是opera或者苹果浏览器safari,jquery 特效代码如下:$(function(){ if($.browser.msie) { alert("这是一个IE浏览器"); }else if($.browser.opera) { alert("这是一个opera浏览器转载 2013-01-04 15:11:44 · 567 阅读 · 0 评论 -
解决 ie6 下弹出框随着滚动条不断抖动
之前写的弹出框会在ie6下不断抖动,找了很久,终于找到了解决办法:1.下面用纯css也实现了:(但这种办法有个缺陷,那就是:这会使页面上原有的absolute、relation都变成fixed的效果) 滚动条实际不是视口的 而是body 模拟的IE6 position:fixed bug*{padding:0;margin:0}#outbox {heigh原创 2012-12-14 09:45:29 · 2531 阅读 · 0 评论 -
jquery 抽奖
试着写了一个jquery抽奖程序:学到的方法:数组的splice()方法:------------------------------------------------------定义和用法splice() 方法用于插入、删除或替换数组的元素。语法arrayObject.splice(index,howmany,element1,.....,eleme原创 2012-12-13 15:50:13 · 825 阅读 · 0 评论 -
各个浏览器中鼠标位置的属性 offsetX layerX PageX clientX (自由拖动框,防止文字选中)
参考:http://blog.csdn.net/crazy_fire/article/details/7721587http://www.funnyhao.com/pagex-clientx-offsetx-layerx-of-those-things/1.offsetX和layerXoffsetX:IE特有,鼠标相比较于触发事件的元素的位置,以元素盒子模型的内容区域的左上角为转载 2012-12-27 15:10:49 · 9832 阅读 · 0 评论 -
jquery 图片切换 控制scrollleft
jquery 练习金光丽园 A-c 全明户型 仅108万 超级便宜 - 金光丽园 - 青岛崂山区 - 城市房产* { padding:0px; margin:0px}li { float:left; list-style:none; width:300px; height:225px; text-align:原创 2012-12-28 20:52:44 · 1191 阅读 · 0 评论 -
ie6 下fixed 定位 --js
绝对定位下面是蓝色上高手用js写的:http://bbs.blueidea.com/thread-2979799-1-1.htmlUntitled Document html,body{ padding:0; margin:0; } 我在随平滚 我静止不动 function scroll(p){ var d = docu转载 2012-12-19 10:54:19 · 800 阅读 · 0 评论 -
返回顶部 js
返回顶部:1.可以在网页添加锚链接2.利用js 可以实现动画效果 goTop * {margin:0;padding:0;} #goTop {position:fixed;right:20px;bottom:40px;width:40px;height:32px;padding:8px 0 0;background-color:#666;border-radius:6转载 2012-12-19 11:04:22 · 619 阅读 · 0 评论 -
jquery按钮控制text文本框商品数量增加或减少
jquery按钮控制text文本框商品数量增加或减少,加了很多判断,记录一下*{margin:0;padding:0;}a,img{border:0;text-decoration:none;}body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}/* p_number */.p_number{border原创 2013-02-26 23:45:50 · 7603 阅读 · 0 评论 -
jquery 简单日历
今天试着用jquery 写了一个日历,等有时间研究一下别人写的思路,上代码:* { margin:0; padding:0;}.red { color:red;}.date { cursor:pointer;}.today { background:#F90; font-weight:bold;cursor:原创 2013-01-09 11:23:36 · 866 阅读 · 0 评论 -
$.each() 中的 continue、break
$.each(Array,function(key,val){ }) 返回值:Array(若回调函数中改变了Array的值,返回的是改变之后的)$.each()函数和.each()是不一样的,这个是专门用来遍历一个jQuery对象。$.each()函数可用于迭代任何集合,无论是“名/值”对象(JavaScript对象)或阵列。在一个数组的情况下,回调函原创 2013-12-05 13:40:25 · 25694 阅读 · 2 评论