51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

jquery

基于jQuery实现的图片切换焦点图整理

基于jQuery实现的图片切换焦点图整理

厉飞雨 阅读(232) 评论(0) 赞(17)

<p>1.js实现的七屏百叶窗焦点图动态特效</p> <p>可以实现可以同时显示很多找竖行百叶窗效果的缩略图,代码,鼠标悬浮在一张缩略图上时,该图片就在原位置变亮并慢慢展开,同时两边的缩略图就往两边缩小靠近,需要此种焦点图效果的朋友们可以前来下载使用。</p> <p><img src="http://s...

jQuery操作cookie方法实例教程

jQuery操作cookie方法实例教程

厉飞雨 阅读(283) 评论(0) 赞(16)

<p>本文实例讲述了jQuery操作cookie的方法。分享给大家供大家参考。具体方法如下:</p> <p>先来看看jq.cookie的aip</p> <p><strong>写入cookie</strong><br /> ++复制代码++ 代码如下:<br /> $.co...

Jquery解析Json格式数据过程代码

Jquery解析Json格式数据过程代码

厉飞雨 阅读(304) 评论(0) 赞(15)

<p>今天稍微学习了一下Json,JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。 这些特性使JSON成...

JQuery表格拖动调整列宽效果(自己动手写的)

JQuery表格拖动调整列宽效果(自己动手写的)

厉飞雨 阅读(360) 评论(0) 赞(19)

<p>类似于桌面程序中的表格拖动表头的效果,当鼠标停留在表头边框线上时,鼠标会变成表示左右拖动的形状,接着拖动鼠标,会在表格中出现一条随鼠标移动的竖线,最后放开鼠标,表格列宽会被调整。最近比较空闲,便自己动手尝试实现,在此分享下小小的成果。</p> <p>首先需要如图所示的鼠标图标文件,在自己的硬盘中搜索*.cur,肯定能找到。</p&...

实例讲解JQuery中this和$(this)区别

实例讲解JQuery中this和$(this)区别

厉飞雨 阅读(336) 评论(0) 赞(16)

<p>平时很少在jquery中用到this。查看代码时发现用到了,就调试出this的值,心想原来如此。还是挺有用的。这里总结一下this与$(this)的区别和使用。</p> <p>**  $(this)生成的是什么?**</p> <p>  $()生成的是什么呢?实际上$()=jquery(),就是说返回的是一个jqu...

基于jquery和svg实现超炫酷的动画特效

基于jquery和svg实现超炫酷的动画特效

厉飞雨 阅读(280) 评论(0) 赞(23)

<p>今天给大家分享一款基于jquery和svg超炫的网页动画。这款动画效果非常炫。下面还有重播、慢速、和反向动画按钮。效果非常漂亮。一起看下效果图:</p> <p><img src="http://static.51tbox.com/static/2024-11-23/col/b4cd52a40529c724ae8bad6a...

jQuery中animate()方法用法实例

jQuery中animate()方法用法实例

厉飞雨 阅读(234) 评论(0) 赞(13)

本文实例讲述了jQuery中animate()方法用法。分享给大家供大家参考。具体分析如下: 此方法用于创建自定义动画,并且能够规定动画执行时长、擦除效果。动画完成后还可以地触发一个回调函数。 animate()方法的使用: **方式一:** **以"属性名/值"对象的方式定义动画终止样式属性。** 例如: ++复制代码++ 代码如下: $...

jQuery实现数字加减效果汇总

jQuery实现数字加减效果汇总

厉飞雨 阅读(221) 评论(0) 赞(14)

<p>我们在网上购物提交订单时,在网页上一般会有一个选择数量的控件,要求买家选择购买商品的件数,开发者会把该控件做成可以通过点击实现加减等微调操作,当然也可以直接输入数字件数。</p> <p><strong>左右加减数字</strong></p> <p>像京东提交订单时目前使用的是左右加减数字的...

基于jquery的手风琴图片展示效果实现方法

基于jquery的手风琴图片展示效果实现方法

厉飞雨 阅读(286) 评论(0) 赞(16)

<p>本文实例讲述了基于jquery的手风琴图片展示效果实现方法。分享给大家供大家参考。具体实现方法如下:</p> <p>代码运行效果如下图所示:</p> <p><img src="http://static.51tbox.com/static/2024-11-23/col/006f6dd8d33bfc...