热门文章 转:jquery操作select(取值,设置选中)

时间:2015-12-7   作者:漫游   分类: HTML5网站开发   热度:3853°  评论:0  
时间:2015-12-7   分类: HTML5网站开发    热度:3853°  评论:0
转自http://blog.csdn.net/nairuohe/article/details/6307367,其中第2点尚有问题未解决 每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。 比如<select class="selector"></select> 1、设置value为pxx的项选中     $(".selecto...

阅读全文>>

热门文章 jQuery动画防止重复执行、停止执行的方法

时间:2014-10-21   作者:漫游   分类: HTML5网站开发   热度:13467°  评论:0  
时间:2014-10-21   分类: HTML5网站开发    热度:13467°  评论:0
典型的语法: $(selector).hide(speed,callback) 当需要动画结束后才去执行特定语句,这里用callback能实现。更复杂的情况我觉得用判断动画是否正在执行或是否执行完成,会更妥当。 在动画事件执行前加上一个判断,比如产生动画效果目标的是target,那么要加上判断if(!target.is(":animated")){},举例: if(!$(selector).is(":animated")...

阅读全文>>

热门文章 转:JQuery datepicker 使用方法

时间:2014-9-13   作者:漫游   分类: HTML5网站开发   热度:5271°  评论:0  
时间:2014-9-13   分类: HTML5网站开发    热度:5271°  评论:0
jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等 官方地址:http://docs.jquery.com/UI/Datepicker,官方示例: http://jqueryui.com/demos/datepicker/。 一个不错的地址,用来DIY jQuery UI界面效果的站点http://...

阅读全文>>

热门文章 页面漂浮广告JS的兼容问题,解决IE9/FF/Chrome不动

时间:2013-11-27   作者:漫游   分类: HTML5网站开发   热度:7883°  评论:0  
时间:2013-11-27   分类: HTML5网站开发    热度:7883°  评论:0

<div style="position: absolute; width: 100px; height: 100px; z-index: 1" id="ptpt">

<table border="0" cellpadding="0" cellspacing="0" id="pppttt">

 <tr>

   <td><a href="图片目标" target="_blank"><img src="22222.jpg" border=...

阅读全文>>

热门文章 输入框自适应高度的纯css及jQuery共2种解决方案

时间:2013-3-2   作者:漫游   分类: HTML5网站开发   热度:16534°  评论:0  
时间:2013-3-2   分类: HTML5网站开发    热度:16534°  评论:0

在实际应用中,有时会因页面布局位置及数据量原因,表单的输入框(<input type="text">)会出现显示不全内容的情况。例如输入框定义了10个字符宽度,但里面的文本却有30个字,那么超出部分就会被挡住,需要光标后移才看到。

解决办法这里说3种:


html页面代码为:
<input type="text" name="note" size="10" value="">


第一种思路是改变输入框的高度,首先要把input换成textarea,通过焦点的focus和blur来触发JS,改变输入框的高度rows值。
h...

阅读全文>>

热门文章 button按钮绑定回车键触发事件的js及jQuery应用示例

时间:2013-3-1   作者:漫游   分类: HTML5网站开发   热度:28447°  评论:0  
时间:2013-3-1   分类: HTML5网站开发    热度:28447°  评论:0

很多时候,我们为一个表单中的button写了事件,但它不是submit,不能实现按回车键提交表单,那么就要为这个添加绑定事件了。


html代码如下:

<tr>

<td><input type="text" name="title"></td>

<td><input type="button" name="button" class="but" id="but"></td>

</tr>


JS示例:


function BindEnter...


阅读全文>>

热门文章 转:js数组操作大全(pop,push,unshift,splice,shift方法)

时间:2013-1-11   作者:漫游   分类: HTML5网站开发   热度:13574°  评论:0  
时间:2013-1-11   分类: HTML5网站开发    热度:13574°  评论:0

shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined

var a = [1,2,3,4,5];

var b = a.shift(); //a:[2,3,4,5] b:1


unshift:将参数添加到原数组开头,并返回数组的长度

var a = [1,2,3,4,5];

var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7

注:在IE6.0下测试返回值总为undefined,FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice...

阅读全文>>

热门文章 转:offsetLeft,Left,clientLeft的区别

时间:2012-8-23   作者:漫游   分类: HTML5网站开发   热度:5005°  评论:0  
时间:2012-8-23   分类: HTML5网站开发    热度:5005°  评论:0

假设 obj 为某个 HTML 控件

 

obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素。

obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置,整型,单位像素。

obj.offsetWidth 指 obj 控件自身的绝对宽度,不包括因 overflow 而未显示的部分,也就是其实际占据的宽度,整型,单位像素。

obj.offsetHeight 指 obj 控件自身的绝对高度...

阅读全文>>

热门文章 27个拖放操作应用的jQuery插件

时间:2012-8-15   作者:漫游   分类: HTML5网站开发   热度:7229°  评论:0  
时间:2012-8-15   分类: HTML5网站开发    热度:7229°  评论:0

这篇文章为你介绍27个jQuery插件,使得你的Web前端具备拖放操作的能力。

Ajax Upload

提供文件拖放上传,并显示上传进度

\

Drop n’ Save – Drag & Drop Uploader

另外一个文件拖放上传功能的实现。

\

MORE INFO |DEMO by Codecanyon (premium plugin)

阅读全文>>

热门文章 jQuery 遍历的父、子、同胞元素应用举例

时间:2012-8-7   作者:漫游   分类: HTML5网站开发   热度:8077°  评论:0  
时间:2012-8-7   分类: HTML5网站开发    热度:8077°  评论:0
<div class="aa" data-id="father">
<ul class="bb" data-id="brother">brother</ul>
<ul class="bb" data-id="my home" id="me" style="border:1px solid #333">click me
<li class="cc" data-id="son">son</li>
<li class="cc" data-id="daughter"&g...

阅读全文>>

返回顶部    首页    手机版本   
版权所有:漫游的备忘录    站长: 漫游    模板基于:博闻广记 v1.2   程序:emlog