代码如下: 代码如下: JScript1代码： 代码如下: var groups = document.form5.domain.options.length var group = new Array(groups) for (i = 0; i group[i] = new Array() //江岸 group[1][0] = new Option('不限', '0'); group[1][1] = new Option('堤角谌家矶', '17'); group[1][2] = new Option('二七', '18'); group[1][3] = new Option('后湖', '19'); group[1][4] = new Option('蔡家田花桥', '20'); group[1][5] = ...
绝对值得看的来篇，哈哈。本人亲自完成，有错误请大家指出： 现在的手机完美支持html5,所以如果手机端想要做个抽奖模块的话,用刮刮卡抽奖效果,相信这个互动体验是非常棒的 ps:由于本人没有wp8系统的手机,所以没法兼容wp8系统的,目前完美兼容android,IOS 如果要在pc浏览的话，得改下js,目前支持谷歌，火狐，ie>=10,如果网友想要的话我就去写个 代码如下: 代码如下: eraser effect #canvas { background:url(winning-ticket.j...
css3 Animation： 代码如下: @-webkit-keyframes twinkling{ /*透明度由0到1*/ 0%{ opacity:0; /*透明度为0*/ } 100%{ opacity:1; /*透明度为1*/} }Jquery ： 代码如下:$(element).css({"-webkit-animation":"twinkling 1s infinite ease-in-out"}); //在对象element中添加闪烁动画也可以在css样式里添加如下： 代码如下: #element{-webkit-animation: twinkling 1s infinite ease-in-out; }注：...
JavaScript由于同源策略的限制,跨域通信一直是棘手的问题。当然解决方案也有很多： 1.document.domain+iframe的设置，应用于主域相同而子域不同； 2.利用iframe和location.hash，数据直接暴露在了url中，数据容量和类型都有限 3.Flash LocalConnection， 对象可在一个 SWF 文件中或多个 SWF 文件间进行通信， 只要 在同一客户端就行，跨应用程序， 可以跨域。 window.name 保存数据以及跨域 iframe 静态代理动态传输方案，充分的运...
我是搞PHP的，让我想起了 代码如下: Function.prototype.heredoc = function(){ // 利用 function 的注释来存储字符串，而且无需转义。 var _str = this.toString(), s_pos = _str.indexOf("/*")+2, e_pos = _str.lastIndexOf("*/"); return (s_pos<0 || e_pos<0) ? "" : _str.substring(s_pos, e_pos); } function fn(){ /* 用户名 密码 @name zf123456 */ } var str_table = fn.heredoc(); console.log(str_table);
有时候table的列数太长，不利于使用者查询，所以利用JS做了一个table的分页，以下为相关代码 一、JS代码代码如下: var pageSize = 15; //每页显示的记录条数 var curPage=0; //当前页 var lastPage; //最后页 var direct=0; //方向 var len; //总行数 var page; //总页数 var begin; ...
前端开发工作中，经常需要将HTML的左右尖括号等转义成实体形式。我们不能把，&等直接显示在最终看到的网页里。需要将其转义后才能在网页上显示。 转义字符（Escape Sequence）也称字符实体(Character Entity)。定义转义字符串的主要原因是 “”等符号已经用来表示HTML TAG，因此不能直接当作文本中的符号来使用。但有时需求是在HTML页面上使用这些符号，所以需要定义它的转义字符串。 有些字符在ASCII字符集中没有定义（如版权符号...
代码如下: json var list=[{"name":"中国", "value":"86", "province":[{"name":"湖北", "value":"430000", "city":[{"name":"武汉","value":"wh"}, {"name":"黄冈","value":"hg"}, {"name":"襄阳","value":"xy"}]}, {"name":"河北", "value":"100000", "city":[{"name":"邯郸","value":"hd"}, {"name":"保定","value":"bd"}, {"name":"石家庄","value":"sjz"}]}, {"name":"湖南", "value":"440000", "city":[{"name":"长沙","...
项目中需要将后台浏览器的窗口全屏，也就是我们点击一个按钮要实现按F11全屏的效果。 在HTML5中,W3C制定了关于全屏的API，就可以实现全屏幕的效果，也可以让页面中的图片，视频等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持 全屏 var docElm = document.documentElement;//W3C if (docElm.requestFullscreen) { docElm.requestFullscreen(); }//FireFox else if (docElm.mozRequestFullScreen) { docElm.mozReq...
如图所示。 该图片切换特效实现很简单，而且兼容性很好。 html页面如下 代码如下:
js方法： 代码如下: window.onload=function(){ var userName="xiaoming"; alert(userName); } 以下为jQuery方法，需要引用jQuery文件。 代码如下: $(document).ready(function(){ var userName="xiaoming"; alert(userName); }); 或者其简写 代码如下: $(function(){ var userName="xiaoming"; alert(userName); }); 当dom加载完就可以执行（比window.onload更早）。在同一个页面里可以多次出现.ready() PS：两者的主要...
先来看看演示效果： 欢迎访问脚本之家PHP教程 脚本之家PHP教程简单易懂的JavaScript魔法简单易懂的JQuery魔法$(function(){$("#btn_1").click(function(){alert( $(".nm_p").html() );});$("#btn_2").click(function(){alert( $(".nm_p").text() );});$("#btn_3").click(function(){$(".nm_p").html("欢迎您访问脚本之家～～");});$("#btn_4").click(function(){$(".nm_p").text("欢迎您访问脚本之家教程～～");}); });html()方法 ...
代码如下：Insert title here var el = document.createElement("div"); el.innerHTML = ' titleValue hello '; var descElements = el.getElementsByTagName("head"); document.getElementById("content").innerHTML = descElements.length; 1、若将script放到head元素中，则加载脚本时，尚未加载div元素，此时会出现“document.getElementById(...) 为空或者不是对象”。 2、以上代码在chrome中正常支行，输出结果为...
一、前言 文件上传是一个比较常见的功能，传统的选择方式的上传比较麻烦，需要先点击上传按钮，然后再找到文件的路径，然后上传。给用户体验带来很大问题。html5开始支持拖拽上传的需要的api。nodejs也是一个最近越来越流行的技术，这也是自己第一次接触nodejs，在nodejs开发中，最常用的开发框架之一是expess，它是一个类似mvc模式的框架。结合html5、nodejs express实现了拖拽上传的功能。 二、基础知识普及 1、NodeJs基础知识 n...
HTML5对Web Form做了许多增强，比如input新增的type类型、Form Validation等。 Placeholder是HTML5新增的另一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点时，提示文字消失。以前要实现这效果都是用JavaScript来控制才能实现 , firefox、google chrome等表示对其支持 , 唯独IE存在违和感啊! 例如: 介绍一个超强的让IE下支持placeholder的属性插件,同时也兼容其他不支持...