// var img = new Image();// img.src =$('.z_boder img').attr("src") ;// var w = img.width;// var h = img.height;// $(".jcarousel-list li").css("width",w);// $(".jcarousel-item").css("height",

等比例缩放图片function DrawImage(ImgD,iwidth,iheight){        //参数(图片,允许的宽度,允许的高度)        var image=new Image();        image.src=ImgD.src;        if(image.width>0 && image.height>0){

//双击鼠标滚动屏幕的代码var currentpos,timer;function initialize(){timer=setInterval ("scrollwindow ()",30);}function sc(){clearInterval(timer);}function scrollwindow(){currentpos=documen

提示信息框a{ color:#000; font-size:12px;text-decoration:none}a:hover{ color:#900; text-decoration:underline}body{background:;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startCo

在asp.net开发中我们经常需要调用js代码，如果js写在asp.net中，一般是不会出现乱码的问题。因为他们具有相同的编码。如果需要引用外部的javascript代码就会有乱码的风险了。一般情况下Asp.net和Javascript的页面编码不是GB2312就是Utf-8 ，如果两者的编码不一致就会产生乱码。解决方法就是想两者的编码进行统一。由于一般情况下Asp.net接受发送请求的编码是Ut

function bankNews(ID)  { var images=document.getElementById("images"); var id=document.getElementById(ID); images.src=id.title;  }   /*function changeBgColor(link,No)  {var ul_node=doc

1.按钮的id为btnzhuce==》 控制按钮为禁用：  $("#btnzhuce").attr({"disabled":"disabled"});==》控制按钮为可用 $("#btnzhuce").removeAttr("disabled");//将按钮可用2.function enableButton(flag) {    $("#btnTest"

代码1：表单中文本框的焦点的获取和移出用户名：密  码：var autoForm=document.getElementById('autoForm');autoForm.username.onfocus=function(){this.style.border='1px solid #287AE8'; }autoForm.username.onbl

省市县关联菜单body,select{font-size:9pt;font-family:Verdana;}a{color:red;text-decoration:none;}a:hover{text-decoration:underline;}function Dsy(){this.Items = {};}

New Document * {font-size:10.2pt;font-family:tahoma;line-height:150%;}.divContent{border:1px solid red;background-color:#FFD2D3;width:500px;word-break:break-all;m

以下内容不是新技术，是个人的一些整理，确实有借鉴其他闪文的地方，请原文作者谅解。　　前不久做网站时，用到导航栏这种东西，随便从脚本之家上搜了一种效果了事。具体情况是，导航栏父级菜单没有链接功能，鼠标移上去显示子菜单列表即可。于是我的脚本是这样修改的，如下：a href="javascript://">父级菜单/a>　　结果是这种写法在一些浏览器下不能到达预期效果(无跳转

if(document.body.clientHeight > window.screen.height) { var _body = S.one('body'); S.one(_body.append('')); S.one(window).on('scroll',func

$(function() {            //全选            $("#checkAll").click(function() {                $("[name='items']:checkbox").attr("checked", true);            });            //反选

快速获取图片的宽高其实是为了预先做好排版样式布局做准备，通过快速获取图片宽高的方法比onload方法要节省很多时间，甚至一分钟以上都有可能，并且这种方法适用主流浏览器包括IE低版本浏览器。我们一步一步进入这个过程。一、简陋的获取图片方式1234567891011

$(window).load(function() { //获取div的宽度，设置div正方形  var width1=document.getElementById("div1").offsetWidth;  $("#div1").css("height",width1).find("img").show();//获取图片的真实宽高  var _w=parseInt($(wi

ontouchstart实现手机触屏中的hover效果ontouchstart实现手机触屏中的hover效果最近一直都在做手机网站的项目，会经常遇到手机屏幕触摸无交互效果，今天在一篇文章中看到模拟网页端hover效果的例子拿出来和大家分享下，已经使用效果还不错，大家可以根据下面的案例学下： 一、css样式：.inner { width: 100%; he

//从大到小的排列方式 var arr=[1,2,4,456,7,67,3]; arr.sort(function(a,b){ return a-b; }); console.log(arr);//[1, 2, 3, 4, 7, 67, 456]//不区分大小写 仅排列字母从小到大的顺序var arr1=['B','a','b','A'];

JS扩展方法与C#的扩展方法非常相似，也是可以链式调用的，也是通过对某个类的扩展写法来实现。这个东西非常好用，如果将预先写好的方法放到一个js里面引用的话，那么后面写js将非常有趣。　　下面给出一个例子：head> title>测试JS扩展方法title> script type="text/javascript"> // 合并多个空白为一个空白

1.typeof 可以用来获取一个变量是否存在，如 if(typeof a!=”undefined”){alert(“ok”)}，而不要去使用 if(a) 因为如果 a 不存在（未声明）则会出错，对于 Array,Null 等特殊对象使用 typeof 一律返回 object，这正是 typeof 的局限性2.var cc4=[1,2,3]; console.log(typeof cc4)

参考《javascript高级程序设计》，记录：var Person=function(){}; Person.prototype={ name:’aaa’, age:29, job:’web’, sayName:function(){ alert(‘job’); } } //将Person.prototype设置为等于一个新

来源：http://www.tuicool.com/articles/aae2me这篇文章是对这一两年内几篇dom ready文章的汇总（文章的最后会标注参考文章），因为浏览器进化的关系，可能他们现在的行为与本文所谈到的一些行为不相符。我也并没有一一去验证，所以本文仅供参考，在具体开发中还是要以实践结果为准。当 onload 事件触发时，页面上所有的DOM，样式表，脚本，图片，

本文参考《写给Web开发人员看的HTML5教程》其他滤镜可参考jacob Seidelin的Pixastic图像处理库(http://www.pixastic.com/lib),那里有超过30种javascript滤镜，均基于Mozilla的公开授权。//明度function grayLigtness(r,g,b,a){ var val=parseInt(

使用场景移动端的开发过程中，免不了要判断横竖屏，然后在执行其他操作，比如分别加载不同样式，横屏显示某些内容，竖屏显示其他内容等等。如何判断移动设备提供了两个对象，一个属性，一个事件：window.orientation   属于window对象上一个属性；共有三个值 ：0为竖屏模式（portrait）,90为向左反转变为横屏模式（landscape），-90为向

为什么会有跨域？表单提交不会有跨域，但为什么js的ajax请求就会有跨域？我们都知道是浏览器的同源策略导致的。那么为什么会有跨域什么是同源策略？同协议、同端口、同域名同源策略限制的对象Cookie、LocalStorage 和 IndexDB 无法读取。DOM 无法获得。AJAX 请求不能发送。解决canvas图片getImageData,toDataURL跨域问题为什...

JS+CSS美化的漂亮Select列表框body{background:#CFDFEF;font:12px/150% "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;}#uboxstyle .select_box{width:100px;height:24px;}#macstyle .select_box{width:9

概述jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库

上传控件基础知识说明：上传控件（）用于在客户端浏览并上传文件，用户选取的路径可以由value属性获取，但value属性是只读的，不能通过javascript来赋值，这就使得不能通过value=""语句来清空它。很容易理解为什么只读，如果可以随意赋值的话，那么用户只要打开你的网页，你就可以随心所欲的上传他电脑上的文件了。 js 获取的值       function

1.比较函数生成器：view plain/**  * 比较函数生成器  *   * @param iCol  *            数据行数  * @param sDataType  *            该行的数据类型  * @return  */  function  generateCompareTRs(iC

以下是根据身份证号码编码规则，使用JS对其进行有效性验证代码IdCard-Validate.js代码如下: view plain/**  * 身份证15位编码规则：dddddd yymmdd xx p   * dddddd：地区码   * yymmdd: 出生年月日   * xx: 顺序类编码，无法确定   * p: 性别，奇数为男，

function lastname(){ //获取欲上传的文件路径var filepath = document.getElementById("file1").value; //为了避免转义反斜杠出问题，这里将对其进行转换var re = /(\\+)/g; var filename=filepath.replace(re,"#");//对路径字符串进行剪

经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的HTML里加入几段Javascript代码即可实现。下面俺就带您剖析它的奥秘。【1、最基本的弹出窗口代码】其实代码非常简单

JavaScript全选与反选$(function(){//全选$("#CheckedAll").click(function(){//所有checkbox跟着全选的checkbox走。$('[name=items]:checkbox').attr("checked", this.checked );});$('[name=items]:checkbox').c

一个美观的CSS网页搜索框，没其它的什么东西，主要是搜索框，觉得挺美观大方，于是拿出来奉献给大家，添加到你的网页里肯定效果不错。它的点击后提示消失的功能也很不错，鼠标只要点击一下搜索框，提示文字就不见了，鼠标移开后又回来了。美观的CSS搜索框.searchinput{border-right-width: 0px;padding-left: 3px;width: 168px

JavaScript动态操作表格，添加，删除行、列及单元格，还可以指定从第几列到第几列合并，这是一个很有参考价值的JS适时控制表格的一个功能，含有丰富的注释，方便大家研究学习。js动态操作表格 function init(){       _table=document.getElementById("table");_table.border="1px";_t

表单验证提示效果body{ color:#666666; font-size:12px}h1{ font-size:20px;}input{ border:#999999 1px solid; background-color:#FFFFEE}.button2{ background-color:#FF9900; border-bottom:#E34A00 2px solid;

图片随机飘动代码生成器body{text-align:center}table td {font-size:9pt;}cript">function fn_getValueRadio(form_name){  var value = "";  for (var i=0; i  {    if (form_name[i].che

现在比较流行的一款Ajax风格的网页Loading，多见于一些大量使用Ajax技术的网站中，页面加载时会自动显示提示信息，带载入动画效果，网页加载完自动消失，是一款正在具有Loading功能的网页进度条。Loadingbody{background-color:#000;}#content{display:none;}#loadbox{position:absolute

现在很多网站都有这种效果，在文本框输入一个字符，下边会出来相匹配的内容，这个代码就演示了这个功能是如何完成的，当然，这是个静态的，你可以将提示的内容从数据库读取出来，要用到AJAX那东东。带输入匹配的文本框body,div {font-family:verdana;line-height:100%;font-size:10pt;}input {width

自动完成autoComplete 　　检测当键盘up键被按下的时候，遍历结果数据，判断是否被选中，如果没有被选中，则选中最后一个，如果有被选中的元素，则选择上一个元素并赋值给input，如果选中的元素是第一个孩子节点则跳到最后一个选中，如果弹出层没有显示则执行插入操作，并显示弹出层，down键被按下，原理同up键，如果按下的键既不是up又不是down那么直接去匹配数据并插入，这个延迟处理是因为

function   formatNum(num){       if(!/^(\+|-)?(\d+)(\.\d+)?$/.test(num)){alert("wrong!");   return   num;}       var   a   =   RegExp.$1,   b   =   RegExp.$2,   c   =   RegExp.$3;       var