在代码里加入以下代码: $(window).load(function(){$("#loading").hide();}) 在里加入以下代码: Loading content, please wait.. 在里的这代码必须保证在网页载入的最前面。 接着是css代码: #loading{position:absolute;width:300px;top:0px;left:50%;margin-left:-150px;text-align:center;padding:7px 0 0 0;font:bold 11px Arial, Helvetica, sans-serif;} 一个基于jquery的loading效果就完成咯。JavaScript教程/参考手册 ...
代码如下:var Vigenere = { _strCpr: abcdefghijklmnopqrstuvwxyz_12345 67890.ABCDEFGHIJKLMNOPQRSTUVWXYZ,//可以将此字符串的顺序打乱点,或者添加更多字符 _strKey: function(strK,str){//生成密钥字符串,strK为密钥,str为明文或者密文 var lenStrK = strK.length; var lenStr = str.length; if(lenStrK != lenStr){//如果密钥长度与str不同,则需要生成密钥字符串 if(lenStrK < lenStr){//如果密钥长度比str短,则以不断重复密...
javascript选定文本取消, 能兼容所有主流浏览器了: 代码如下: if (document.selection) { document.selection.empty(); } else if (window.getSelection) { window.getSelection().removeAllRanges(); } 对于文本框(input,textarea)中的文本选定取消, 这种方法会有一些问题. 不过也有办法, 记录下文本框中的value,再清空,再重新赋值. 方法有点搓, 不过能兼容所有浏览器.
代码如下: var unlikes = [zhang523012313, yangtongnet]; function delUnlike(filter, expr) { $(filter).filter(function() { var href = $(this).find(expr).attr(href); for (var i = 0; i < unlikes.length; i++) { if (href.indexOf(unlikes[i]) > 0) return true; } return false; }).remove(); } function clearUnlike(n) { setTimeout(function() { delUnlike(.avatar_list li, a); //头像 delUnlike(#feed_list li:visib...
暂时没有对手动输入的做判断, 需要的话, 可自行在keyup及change事件中添加相关判断. 相关说明及调用方法,请参见代码中的注释. 演示及代码:选择标签至文本域效果,可多选/可过滤重复/可限制个数@Mr.Think /*reset css*/ body,input{letter-spacing:1px;font:12px/1.5 tahoma,arial,\5b8b\4f53} div,h2,p,input,select{margin:0;padding:0} input{vertical-align:middle} h1{font-size:1em;font-weight:normal} h1 a{background:...
例如: #1234ff 输出 #1234ff #123 输出 #123 #12345g 输出 #12345g 代码如下: function RGB(rgb) { reg=/^#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})$/; if ( reg.test(rgb) ) rgb=rgb(+parseInt(RegExp.$1,16)+","+parseInt(RegExp.$2,16)+","+parseInt(RegExp.$3,16)+); return rgb; } 演示代码: alert(RGB("#ff0000")) function RGB(rgb) { reg=/^#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})$/; if ( ...
如何开始使用 首先用$.widget()方法开始定义你的组件,它只接收三个参数:第一个是组件名称,第二个是可选的基类组件(默认的基类是$.Widget),第三个是组件的原型。 组件名称必须包含命名空间,要注意的是,官方组件的命名空间是以‘ui'开头的,比如:‘ui.tabs'。我在下面的用‘我'的拼音(‘wo')。 代码如下: $.widget("yourNamespace.yourWidgetName",[yourBaseWidget],yourWidgetPrototype) $.Widget基类含有一个重要的属性‘...
var list = [{id:1, name:"czone", age:21}, {id:2, name:'czonechan', age:21}]; var template ='$name$age'; 实现一个通用方法,使用初始化数据来装配模版。 代码如下: function displayTemplate(list,template){ var result=""; for(var i=0,l=list.length;i<l;i++){ var temp=template; for(var k in list[i]) { var reg=new RegExp("\\$"+k,"g"); temp=temp.replace(reg,function(w){ return list[i][k]; }) } result+=temp;...
关于 这个和以前弄的图片远处放大有许多相同的地方,比如图片预加载、有限容器显示无限大图片。 大小计算:内外两个比例。 代码如下: // 容器比例和图片比例 var dr = dw/dh, ir = iw/ih; if(dr>ir){ ih = dh; iw = ih * ir; }else{ iw = dw; ih = iw / ir; } 居中显示:CSS绝对定位,负边距。 代码如下: $img.css({width:iw,height:ih,position:absolute,top:50%,left:50%,marginLeft:-iw/2,marginTop:-ih/2}) 加载中和加载出...
HTML 代码如下: 源码: 代码如下: function vYearMonth(yearObjId, monthObjId) { var selYear = document.getElementById(yearObjId); var selMonth = document.getElementById(monthObjId); var myDate = new Date(); //当前日期 var myYear = myDate.getFullYear(); //当前年 var myMonth = myDate.getMonth() + 1; //当前月 var yearMin = -2; //年份范围值,也当前年比较的差值 var yearMax = 10; //年份范围值,也当前...
首先是Jquery 无标题文档 $(function(){ var scrtime; $("#con").hover(function(){ clearInterval(scrtime); },function(){ scrtime = setInterval(function(){ var $ul = $("#con ul"); var liHeight = $ul.find("li:last").height(); $ul.animate({marginTop : liHeight+40 +"px"},1000,function(){ $ul.find("li:last").prependTo($ul) $ul.find("li:first").hide(); $ul.css({marginTop:0}); $ul.find("li:first")....
Google AJAX 搜索 API文档:http://code.google.com/intl/zh-CN/apis/websearch/docs/ 代码如下: Google AJAX 搜索 API #searchcontrol .gsc-control { width: 100%; } #searchcontrol .gsc-result-cnblogs .gs-title { color:Red; } <script src="https://www.google.com/jsapi?key=ABQIAAAAWUT8aaIj9mtqQa087LjVOhTPB5B7LRDljl2Cr4- JwBNft1mFrRRmR1RoYEUCZCj0dtS2gIc8Al4-VA" type="text/javascript"></ script> 结果为空时...
简单树形 * {margin:0px; padding:0px;} #categoryTree {margin:0px; padding:0px;} #categoryTree ul {display:none; margin:0px;margin-left:5px; padding:0px 0px 0px 15px;} #categoryTree span {cursor:pointer;} window.onload = function() { var cate = document.getElementById("categoryTree"); var bBs = cate.getElementsByTagName("span"); var len = bBs.length; if (len > 0) { for (var i=0; i 国务院 省...
代码如下: Google 静态地图 API #divStaticMap span { color:Gray; font-size:12px; } #divStaticMap .sel { width:130px; } function getObj(id) { return document.getElementById(id); } function getStaticMap() { var url = 'http://maps.google.com/maps/api/staticmap?center='; if (getObj('chkUseNum').checked) { url += encodeURI(getObj('txtX').value) + ',' + encodeURI(getObj('txtY').value); } else { url +...
代码如下: 广告代码最后加载 //ad("open",'alert("ddd")'); var JSScript = { inject:function (htmlId,jsCode){ var script = document.createElement("script"); script.text = jsCode; document.getElementById(htmlId).appendChild(script); }, loadeing:function (url,charset,callback){ var script = document.createElement("script"); script.src = url; script.charset = charset; script.loaded= false; script...