相关搜索 >> 鼠标

  • 1016超酷的menu菜单当前效果及鼠标指向效果阅读(6120)条2015/10/16 17:23:15

    本实例效果是由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"><...阅读全文

    Taget:菜单 特效 js 

  • 0417js判断鼠标从什么方向进入容器的算法分析阅读(9745)条2014/4/17 17:12:40

    昨天老大说让我写一个判断鼠标从什么方向进入容器的js插件。第一反应就是算出进入容器的点的坐标,然后与四个边线的位置比较。可是又觉得这样的想法好老土,没有一点技巧性。(文章底部附实例代码)效果图如下:在网上搜索发现有一个很多人都转载的算法,如下:$("#wrap").bind("mouseenter mouseleave",function(e) { var w = $(this).width(); var h = $(this).height(); var x = (e.pageX - this.offsetLeft - (w / 2...阅读全文

    Taget:js 算法 鼠标 

  • 0926js图片鼠标移上去的波动效果阅读(8509)条2011/9/26 11:26:28

     当鼠标移动到图片上时,图片有上下波动的效果。感觉还不错,大家可以运行下看效果!其实主要是运用了position以及top的CSS改变来让图片产生动画效果。好了贴代码了!<!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><meta http-equiv="Co...阅读全文

    Taget:特效 图片 抖动 鼠标 

  • 0829js完美的鼠标经过显title信息特效阅读(8819)条2011/8/29 14:45:22

    今天自己写了个漂亮的title信息显示效果 鼠标经过文字链接时,弹出一个漂亮提示信息层。测试过的浏览器(ie.6-8,FF4.01,Safari 5.0.5)本实例使用的是a里面的lang事件来作为显示源(因为考虑innerHTML可能是截取后的)。没有使用title为的是不显示title信息 !效果如图事件不需要写在a的里面,页面加载的时候自动添加事件!大家可以根据自己的需要来改成自己想要的效果!显示内容不限止格式,可以换行加<br />默认是一行的。代码如下:<...阅读全文

    Taget:js title 特效 

  • 0820Javascript中最常用的55个经典技巧阅读(7200)条2011/8/20 14:39:52

    1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table2. <body onselectstart="return false"> 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制5. <link rel="Shortcut Icon" hr...阅读全文

    Taget:屏蔽鼠标右键 经典技巧 取消选取 防止复制 

  • 0702css cursor鼠标手型介绍阅读(7838)条2011/7/2 9:32:32

    css  cursor鼠标手型比较全的CSS cursor(鼠标样式)十字准心 cursor:crosshair;手   cursor:pointer; cursor:hand;写两个是为了照顾IE5,它只认hand。等待/沙漏 cursor:wait;帮助   cursor:help;无法释放 cursor:no-drop;文字/编辑 cursor:text;可移动对象 cursor:move;向上改变大小 cursor:n-resize;向下改变大小 cursor:s-resize;向右改变大小 cursor:e-resize;向左改变大小 cursor:w-resize;向...阅读全文

    Taget:css cursor 鼠标手型 比较全 

  • 0228js多Tab自动切换,带完善的鼠标事件阅读(10160)条2011/2/28 15:25:45

    js多Tab自动切换,带完善的鼠标事件,幸凡制作!说明:打开鼠标时间后,鼠标经过标题时显示相应内容,鼠标经过标题或经过内容时停止自动切换,当鼠标移开时继续自动切换。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>js多Tab自动切换,带完善的鼠标事件,幸凡制作http:...阅读全文

    Taget:js 多tab 鼠标事件 自动切换 

当前第  1  页 / 共  1  页  总共7条记录  

1