html/js
文章平均质量分 76
hch126163
这个作者很懒,什么都没留下…
展开
-
js 控制媒体播放器
下面是一些常用的方法和属性: //基本属性 URL:String; 指定媒体位置,本机或网络地址 uiMode:String; 播放器界面模式,可为Full, Mini, None, Invisible playState:integer; 播放状态,1=停止,2=暂停,3=播放,6=正原创 2010-02-08 14:58:00 · 543 阅读 · 0 评论 -
js 日期控件 无插件,支持中英文,设置起止日期
/*** 格式化日期* @param d the delimiter* @param p the pattern of your date* @author meizz*/ Date.prototype.format = function(format) { var o ={ 'M+' : this.getMonth()+1, //month 'd+' : this.getDate(), //day原创 2011-03-23 12:47:00 · 1887 阅读 · 0 评论 -
js数组去重复项
<br />今天看了 oneroom的 【javascript数字数组去重复项】觉得挺有意思的。顺便把我以前在看的对比一下。也算是做个备份。<br />第一种:也是最笨的吧。<br /> view sourceprint?01Array.prototype.unique1 = function() {02 varr = newArray();03 label:for(vari = 0, n = this.length; i < n; i++) {04 for(varx =转载 2011-04-20 09:02:00 · 548 阅读 · 0 评论 -
js 相关文章
http://www.code-design.cn/bblog1.aspx原创 2011-06-30 09:33:00 · 326 阅读 · 0 评论 -
css 盒模型
转载 2012-03-27 09:12:56 · 328 阅读 · 0 评论 -
js 无插件选项卡 支持自动改变选中项
选项卡 *{margin:0px;padiving:0px;} body{ padiving:0;font:12px "宋体"; height:100%; width:100%; } ul,li{ list-style-type:none;padding:0px;} .tabHeads{width:962px;height:31px;margin原创 2010-12-02 16:35:00 · 1790 阅读 · 0 评论 -
Table排序
Table排序 .fu_list{ width:500px; border:1px solid #ebebeb;line-height:20px; font-size:12px;} .fu_list thead td{background-color:#ebebeb;} .fu_list td{padding:5px;} .fu_lis转载 2012-08-29 15:16:20 · 365 阅读 · 0 评论 -
js josn 对象转换成字符串
function obj2str(o){ var r = []; if(typeof o =="string") return "\""+o.replace(/([\'\"\\])/g,"\\$1").replace(/(\n)/g,"\\n").replace(/(\r)/g,"\\r").replace(/(\t)/g,"\\t")+"\""; if(typeof o =="原创 2012-08-29 15:30:36 · 632 阅读 · 0 评论 -
js MessageBox 类 无插件,支持弹出层(原页面div 或者 div代码),消息框(alert confirm)
/** ** 功能:弹出消息框类,背景渐变到半透明,还可以只弹出半透明层 ** 作者:老胡 ** 日期:2010-06-10 **/ function __messageBox() { var isIe=!!document.all; var obj = this; var backDiv = null; var messageDiv = null;原创 2010-11-05 13:15:00 · 11722 阅读 · 3 评论 -
浏览器加载和渲染html的顺序
浏览器加载和渲染html的顺序前阵子,在组内给大家做了一次关于“浏览器加载和渲染HTML的顺序”的分享(PS:这前面html几个字在51testing上可能展示有点问题),这里再总结一下吧。1.浏览器加载和渲染html的顺序1、IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。2、在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有转载 2012-09-11 09:18:00 · 1098 阅读 · 1 评论 -
纯js 图片异步加载原理及实现
最近自己做了一个个人网站 茶余饭后网 http://www.cyfhw.top。在做页面优化时,首先是 js 异步加载。其次就是 图片异步加载。关于页面优化 可以看:雅虎网站页面性能优化的34条黄金守则http://blog.csdn.net/hch126163/article/details/5966021做图片异步加载时,我第一次用了最简单的方法。直接后台 修改原创 2016-01-18 11:11:41 · 6775 阅读 · 0 评论 -
纯js 2048游戏,js 2048游戏实现,无上限的2048游戏,有道具的2048游戏
2048游戏的实现,如果不考虑数字滑动的动画效果,就很简单了。稍难的是数字滑动的动画效果。2048游戏规则简单,一共个6个格子,可以4个方向滑动,相同的数字相遇就合并,一个数字翻倍,一个数字清0,清0的腾出一个格子。当没有空白格子,用来出现新的数字时,游戏结束。分析2018游戏的数字移动规则,4行(列),4个方向的移动,其实逻辑都一样,不一样的是要移动的方向和,要移动的原创 2016-01-01 10:17:54 · 965 阅读 · 0 评论 -
纯js 连连看,多套图片连连看
自己数学知识学得不多,复杂的算法对数学要求高。近来先锻炼自己的逻辑思维,琢磨这自己写个小游戏,选择了连连看。连连看的实现有几个难点,一个一个来分析,解决。1、判断连接的线段数不能超过3,即连线有2个转折点我用一个数组来保存连连看图片列表,值0 表示图片已消去,大于0 表示第几张图片,游戏图片区域是8*8个格子的,数组长度设置成 10*10 ,因为连连看连线可以在游戏图片区域外。原创 2015-12-31 14:05:16 · 2578 阅读 · 0 评论 -
纯js 消灭星星游戏,js 消灭星星游戏实现原理,有道具的消灭星星
消灭星星游戏的几个核心逻辑用10*10的数组nums保存星星,1-5表示有星星,0表示已经消去1、初始化,5种颜色的星星分配。 1-5这个最容易,随机分配就好,产生1-100的随机数num,num%5 +12、判断游戏是否结束循环数组nums,判断每一个星星是否有相邻的同色星星,有相邻的游戏未结束。每个星星,最多只有4个相邻的星星,这个很容易判断。game.isEn原创 2016-01-04 12:05:18 · 1965 阅读 · 0 评论 -
js 省市2级联动效果
添加省:市: 省:市: 省:市: var __provinceAndCity = null;window.onload=function (){ __provinceAndCity = new __ProvinceAndCityClass($("slcProvince"),$("slcCity"));原创 2010-12-07 10:10:00 · 8867 阅读 · 0 评论 -
为什么说DOM操作很慢
一直都听说DOM很慢,要尽量少的去操作DOM,于是就想进一步去探究下为什么大家都会这样说,在网上学习了一些资料,这边整理出来。 首先,DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢,而是说操作了这个对象后,会触发一些浏览器行为,比如布局(layout)和绘制(paint)。下面主要先介绍下这些浏览器行为,阐述一个页面是怎么最终被呈现出来的,另外还会从代码的角度,来说明转载 2016-02-20 10:07:59 · 431 阅读 · 0 评论 -
javascript 预编译 作用域
<br />原文:Javascript的"预编译"思考<br />原文:Javascript作用域备忘<br />本文主要是讲预编译。<br />1. undefined <br />当需要判断一个变量是否为 undefined 时,直接用Js代码alert(om == undefined); alert(om == undefined);<br /><br />可能出错。因为 JS 如果引用未声明的变量,那么会出现JS错误,在上述例子中,如果 om 未曾声明,就会报 JS 错误。因此判断一个原创 2010-11-19 22:52:00 · 2160 阅读 · 0 评论 -
一些很常用的JS方法
<br />简化document.getElementById <br />用法: <br />$id(“d”).innerHTML; <br />(HTMLcode:<div id=”d”>cssrain</div>) <br />**************/ <br />function $id(id) { <br />return document.getElementById(id); <br />} <br /><br /><br />/*************原创 2010-11-15 10:23:00 · 2861 阅读 · 0 评论 -
js 调用腾讯接口 获取ip 所在地
var IPData=[];http://fw.qq.com/ipaddress" >var timer = setTimeout(getIP(),50);function getIP(){ if(IPData.length==0){ timer = setTimeout(getIP(),50); }else{ clearTimeout(timer); alert(IPDat原创 2010-02-08 15:12:00 · 1613 阅读 · 0 评论 -
批量判断QQ是否在线,强迫聊天
功能:批量判断QQ是否在线,强迫聊天作者:胡成洪时间: 2009-8-18--> 判断QQ在线 ul li { list-style-type:none; line-height:25px;height:25px; width:650px; } a{ color:blue;text-decoration: n原创 2010-02-08 15:33:00 · 982 阅读 · 1 评论 -
各搜索引擎 url 规则
百度新闻 :http://news.baidu.com/ns?cl=2&rn=20&tn=news&word=%CC%E1%BD%BB&t=1百度网页:http://www.baidu.com/s?cl=3&wd=%CC%E1%BD%BB百度贴吧:http://tieba.baidu.com/f?kw=%CC%E1%BD%BB百度知道:http://zhidao.baidu.com/q?word=原创 2010-02-08 15:14:00 · 3351 阅读 · 0 评论 -
HTML内部元素的Mouse事件干扰
解决HTML内部元素的Mouse事件干扰解决HTML内部元素的Mouse事件干扰 话说有一个DIV元素,其内部有一个IMG元素和SPAN元素,不用理会这两个内部元素怎么布局,这不是我要讨论的重点。 为了实现一些特殊的效果,我需要利用TD的onmouseover和onmouseout事件,测试时就会发现如下的状况: 当鼠标移入DIV内部时,onmouseover事件被触发;接着再鼠标原创 2010-02-08 15:02:00 · 2082 阅读 · 2 评论 -
我写的很酷的菜单效果
很酷的菜单效果 .mainMenu{ line-height:35px; height:35px; display:inline; width:auto; padding:0px; margin:100px 50px; float:left; } .mainMenu ul{ list-style-type:none;原创 2010-02-08 15:07:00 · 418 阅读 · 0 评论 -
document.execCommand()详解
document.execCommand()解析 AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。 BackColor 设置或获取当前选中区的背景颜色。 BlockDirLTR 目前尚未支持。 BlockDirRTL 目前尚未支持。 Bold 切换当前选中区的粗体显示与否。 BrowseMode 目前尚未支持。 Cop原创 2010-02-08 15:10:00 · 899 阅读 · 0 评论 -
HTML5教程、案例全攻略
<br />http://www.chinabyte.com/bang/html5/原创 2010-11-27 11:17:00 · 606 阅读 · 0 评论 -
js 闭包
1、作为一个函数变量的一个引用 - 当函数返回时,其处于激活状态。2、一个闭包就是当一个函数返回时,一个没有释放资源的栈区。例1。 作为一个Javascript程序员,应该明白上面的代码就是一个函数的引用。如果你还不明白或者不清楚的话,请先了解一些基本的知识,我这里不再叙述。上面的代码为什么是一个闭包?原创 2010-11-28 14:52:00 · 731 阅读 · 2 评论 -
经典 js 特效(控件)代码
<br />http://www.cnblogs.com/cloudgamer/default.html?OnlyTitle=1原创 2010-11-30 22:12:00 · 494 阅读 · 0 评论 -
MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类)
<br />http://www.popub.net/script/MSClass.html转载 2010-12-09 12:52:00 · 617 阅读 · 0 评论 -
批量判断QQ是否在线,强迫聊天
<br /><!--<br /> <br />功能:批量判断QQ是否在线,强迫聊天<br /><br />作者:胡成洪<br /><br />时间: 2009-8-18<br />--><br /><html ><br /><head><br /> <title>判断QQ在线</title><br /> <style type="text/css" ><br /> ul li<br /> {<br /> list-style-type:non原创 2010-10-26 10:21:00 · 939 阅读 · 0 评论 -
雅虎网站页面性能优化的34条黄金守则
<br /><br />雅虎网站页面性能优化的34条黄金守则<br /><br />雅虎团队经验:网站页面性能优化的34条黄金守则<br />1、尽量减少HTTP请求次数<br />2、减少DNS查找次数 <br />域名系统(DNS)提供了域名和IP的对应关系,就像电话本中人名和他们的电话号码的关系一样。当你在浏览器地址栏中输入www.rjboy.cn时,DNS解析服务器就会返回这个域名对应的IP地址。DNS解析的过程同样也是需要时间的。一般情况下返回给定域名对应的原创 2010-10-26 10:23:00 · 2936 阅读 · 2 评论 -
IIS 配置性能优化
<br /><br />Windows Server自带的互联网信息服务器(InternetInformation Server,IIS)是架设网站服务器的常用工具,它是一个既简单而又麻烦的东西,新手都可以使用IIS架设一个像模像样的Web站点来,但配置、优化IIS的性能,使得网站访问性能达到最优状态却不是一件简单的事情,这里我就介绍一下如何一步一步的优化你的IIS服务器。<br /> 服务器端环境,我们以Windows Server 2003的IIS6.0为例,客原创 2010-10-26 10:25:00 · 1116 阅读 · 0 评论 -
js 继承 http://bbs.51js.com/thread-72698-1-1.html
<br />http://bbs.51js.com/thread-72698-1-1.html转载 2010-12-23 08:58:00 · 978 阅读 · 0 评论 -
jquery 插件
<br />http://blog.csdn.net/gulijiang2008/archive/2010/08/12/5804451.aspx原创 2010-11-13 21:29:00 · 547 阅读 · 0 评论 -
js 操作table
js 操作tablevar tb;var lastIndex=0;function AddSignRow(){ tb=tb|| document.getElementById("SignFrame"); var tr=tb.insertRow(tb.rows.length); lastIndex++; if(document.all) { var td;转载 2016-03-10 09:17:04 · 1104 阅读 · 0 评论