打造 漂亮 动态 友好的 精选随机色彩 投票百分比展示 效果 HTML结构: 代码如下: A: 79(2%) B: 1986(61%) C: 1153(36%) D: 415(13%) 5: 89(3%) jquery代码: 代码如下: var Vote = {}; Vote.ListShow = (function() { var b, c, g, j; function a(k) { b = k.id; g = k.percent; j = k.width; styleData = h(); bindItems = d() } function d() { var o = []; m = $(".vote-item-wrap"); fo...
代码如下: /* * 从新浪微博上抄的 * */ var getLength = (function(){ var trim = function(h) { try { return h.replace(/^\s+|\s+$/g, "") } catch(j) { return h } } var byteLength = function(b) { if (typeof b == "undefined") { return 0 } var a = b.match(/[^\x00-\x80]/g); return (b.length + (!a ? 0 : a.length)) }; return function(q, g) { g = g || {}; g.max = g.max || 140; g.min = g.min || 41; g.surl = g.s...
父页面代码 代码如下: 无标题文档 iframe页面代码 代码如下: 无标题文档 $("body",parent.document).append('hahaha'); iframe test--@mybest 在jQuery的文档上有这样的记录: jQuery(html, [ownerDocument]) 参数html String 用于动态创建DOM元素的HTML标记字符串 ownerDocument (可选) Document 创建DOM元素所在的文档 还是要多看,细看文档啊,真是所谓:书读百遍,其义自见啊! ------补记------...
loading 加载提示 ······ 透明遮罩 居中 代码如下: body{ margin: 0; font-size: 12px; line-height: 100%; font-family: Arial, sans-serif; } .background { display: block; width: 100%; height: 100%; opacity: 0.4; filter: alpha(opacity=40); background:while; position: absolute; top: 0; left: 0; z-index: 2000; } .progressBar { border: solid 2px #86A5AD; background: white url(progressBar_m.gif) no-repeat 10...
jq里面有一个data的方法,给dom元素绑定相关的数据的。当给dom用jq的方法绑定了事件,会生成对应的时间列表 可以看下面的例子(请在firefox中查看 因为firefox中对象支持toSource()) 代码如下: window.onload = function(){ alert($.data($('#test')[0],'events'));//null alert($.data($('#test')[0],'handle'));//null $('#test') .bind('click',function(){ alert(1) }) .bind('mouseover',function(){ alert(2) }) .bin...
情景一,元素style属性设置了width/height 代码如下: test var div = document.getElementsByTagName('div')[0]; alert(div.style.width); 如上,使用el.style.width即可。如果没有在style属性中设置width,那么使用el.style.width将获取不到,如下 代码如下: test var div = document.getElementsByTagName('div')[0]; alert(div.style.width); 所有浏览器中弹出的是空字符串。即使将样式嵌在页面的css中也仍然获取不到,...
在这里做一下简单记录,防止自己忘记。 下面是实现自动点击打开链接的主要函数,功能不再细说,防止太多人滥用,有心的人一看就会明白,改把改把就是一个邪恶的程序: 代码如下: function randopen() { var len = $(“#urllist option”).length; var num = 10; for(i=1; i<=num; i++) { randnum = Math.random()*len; zn = Math.round(randnum); u = $(“#”+zn).val(); window.open(u,”urlfrm”+i); } } 记录一下,仅供各位参...
简单地记下jquery实现回车事件,代码如下: 全局: 代码如下: $(function(){ document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { $(#FormId).submit();//处理事件 } } }); 某个控件: 代码如下: $(#id).keydown(function(e){ if(e.keyCode==13){ $(#FormId).submit(); //处理事件 } }); if (window.event.keyCode==13) window.event.keyCode=0 //这样就取消回车键了 如果...
步骤: 1.实现随鼠标移动的效果; 2.初始化一个元素及其坐标; 3.拖拽对象的最后坐标,与元素的坐标 进行计算和判断 来确定 要插入的目标元素; 4.用insertBefore 方法 插入到目标元素的前面 具体代码如下: 代码如下: 测试的拖拽功能 body, div { margin: 0; paading: 0; font-size: 12px; } body { width: 960px; margin: 0 auto; } ul, li { margin: 0; padding: 0; list-style: none; } .clear { clear: both; width: 1p...
无意中在网上发现的,代码非常的简单,一看就明白! 代码如下: var curIndex=0; //时间间隔 单位毫秒 var timeInterval=5000; var arr=new Array(); arr[0]="1.jpg"; arr[1]="2.jpg"; arr[2]="3.jpg"; arr[3]="4.jpg"; arr[4]="5.jpg"; arr[5]="6.jpg"; arr[6]="7.jpg"; setInterval(changeImg,timeInterval); function changeImg() { var obj=document.getElementById("showpic"); if (curIndex==arr.length-1) { curIndex=0; }...
代码如下: /* * Image preload and auto zoom * scaling 是否等比例自动缩放 * width 图片最大高 * height 图片最大宽 * loadpic 加载中的图片路径 * example $("*").LoadImage(true,w,h); */ jQuery.fn.LoadImage=function(scaling,width,height,loadpic){ if(loadpic==null)loadpic="../images/loading.gif"; return this.each(function(){ var t=$(this); var src=$(this).attr("src") var img=new Image(); //alert("Loading.....
由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上Radio 1.获取选中值,三种方法都可以: $('input:radio:checked').val(); $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值: $('input:radio:first').attr('checked', 'checked'); 或者 $('input:radio:first').attr('checked', 'true'); 注: attr("checked",'checked')= attr("c...
为了防止图片撑破布局,最常见的仍然是通过onload后获取图片尺寸再进行调整,所以加载过程中仍然会撑破。而Qzone日志的图片在此进行了改进,onload完毕后才显示原图。我以前用onload写过一个小例子:http://www.planeart.cn/?p=1022 通过imgReady可以跨浏览器在dom ready就可以实现图片自适应,无需等待img加载,代码如下: (3-17修复网友crossyou 指出的一处错误,并且新版本去掉了替换图片) 代码如下: // jquery.autoIMG.js -...
因为php的配置一般用数据,正好和js里的对象表示一般,所以可以这样: 代码如下: 代码如下: var $strings={}; $strings['hide']='hide'; $strings['show']='show'; google.load("language", "1"); function translate(name,oldValue){ var fromlang = "en"; var tolang ="zh-CN"; var str="$strings['"+name+"']="+"'"+oldValue+"';"; var div=document.getElementById ("divResult"); google.language.translate(oldValue, fr...
尤其是在当今各种浏览器满天飞(据说仅以IE为内核的浏览器就有200种之多)。 小弟今天写了个基于jQuery的插件扩展,主要用于识别浏览器内核与外壳的类型和版本。可识别各种浏览器的内核,并已经支持多种国内主流浏览器。 费话不多说,上我的JavaScript代码:(文件名:jquery.browsertype-1.0.js) 代码如下: /** * jQuery插件开发方法二:第一步:插件定义 */ jQuery.myPlugin = { //获得浏览器的内核与外壳的类型和版本...