(1)功能描述 在页面中单击“显示”连接,通过show()方法以动画的方式显示一幅图片,同时在方法中执行一个回调函数,用于改变图片的边框样式;单击已显示的图片时,通过hide()以动画的方式隐藏该图片。 (2)实现代码 !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.
jQuery实现仿微软首页感应鼠标变化滑动窗口效果 - 2015-10-11 04:10:26
本文实例讲述了jQuery实现仿微软首页感应鼠标变化滑动窗口效果。分享给大家供大家参考。具体如下: 这是一款jQuery仿微软首页感应鼠标变化的滑动窗口,鼠标放上后,窗口会向左拉长,鼠标移走后恢复原样,是在微软官方网站发现的,看了看代码,觉得很容易就扣下来,不敢独享。 运行效果截图如下: 在线演示地址如下: 具体代码如下: !DOCTYPE html PUBLIC "-//W3C//
分享五个有用的jquery小技巧 - 2015-10-11 04:10:25
下文里技巧实现的效果虽然并不新鲜,但通过jQuery的封装,HTML实现了很大的清洁。清爽简洁又高效的代码任何时候都是开发者所醉心追求的终极目标,也许它简单,但是它能量巨大。一起来看看脚本之家小编推荐给大家的五个非常实用的jQuery技巧。 1.禁用鼠标右键 $(document).ready(function() { $(document).bind("contextmenu", function(e) { return false; });}); 当然jquery1.7版本以后bind()函数推荐用o
JS实现常见的TAB、弹出层效果(TAB标签,斑马线,遮罩层等) - 2015-10-11 04:10:16
本文实例讲述了JS实现常见的TAB、弹出层效果。分享给大家供大家参考。具体如下: 这里演示tab活页夹(网页标签),斑马线,遮罩层、弹出层的简单实现,里面的JS文件,可下拉保存为JS代码调用即可,也可以拷贝在本网页中使用。这个小网页囊括了目前网上流行的风页标签、弹出层以及斑马线效果,很实用啦。 运行效果截图如下: 在线演示地址如下: 具体代码如下: !DOCTYPE html PUBLIC "
jQuery表格行上移下移和置顶的实现方法 - 2015-10-11 04:10:06
我们在操作列表数据的时候,需要将数据行排列顺序进行调整,如上移和下移行,将行数据置顶等,这些操作都可以在前端通过点击按钮来完成,并且伴随着简单的动态效果,轻松实现表格数据排序。 运行效果图: HTML 页面上是一个简单的数据表格,我们在数据行中分别放置“上移”,“下移”和“置顶”三个链接,并且分别定义三个class属性,我们来通过jQuery实现这些操作。 table tr tdHTML5获取地理位置定位信息/td td2015-04-25/td tda href=#> jQu
js小数运算出现多位小数如何解决 - 2015-10-11 04:10:05
和大家分享一个有趣的测试: 0.1+0.2 == 0.3 //false 顿时郁闷,好吧!原来0.1+0.2变成:0.30000000000000004 再来一个 2.4/0.8 =2.9999999999999996 没办法换种方式,都转换成整数 (2.4 * 100)/(0.8 * 100) 10.22 现在要减去 0.11 结果值又出现了很多的小数 10.110000000000001,然后我就用了 toFixed 方法来过滤小数,但是不知道跟前面那种转换成整数后再执行哪种效率高,好!还是试下再说吧
- 2015-10-11 04:10:03
本文实例分析了Javascript控制div属性动态变化的方法。分享给大家供大家参考。具体如下: 这里使用JS控制div属性变化,另Div的几何尺寸发生变化,例如变宽、变高、改变颜色、隐藏Div、重置所有属性为默认值等。虽然在本例中,这些属性值的改变很简单就可实现,但在JavaScript网页前端设计中,这种属性或方法经常会被用到,因此还是值得大家关注的。 运行效果截图如下: 在线演示地址如下: 具体代码如