- 博客(47)
- 收藏
- 关注
RSS订阅
原创 模拟滚动条
模拟滚动条 *{ margin:0; padding:0;} body{ font-size:12px;} .pub-scroll-bar .scroll .prev,.pub-scroll-bar .scroll .next,.pub-scroll-bar .scroll .bar,.pub-scroll-bar .scroll .bar div{ background: url(sc
2013-04-08 17:17:04
1296
原创 js广告对联
对联js*{ margin:0; padding:0;}#content{ width:960px; height:3000px; margin:0 auto; border:1px solid #CCC;}#advLeft,#advRight{ position:fixed; top:100px; width:100px; height:400px; background:#CCC;}
2013-02-25 15:07:27
1560
原创 删除数组中下标为n的元素（2）
无标题文档//为数组添加方法Array.prototype.remove = function(index)//0<index<arr.length{ var iLen = this.length; for(var i = 0; i < iLen; i++) { if(i == index){ continue;} this.push(this[i]); } th
2013-02-21 10:07:07
2136
原创 js彩票大乐透
无标题文档//随机函数function rand(iMin,iMax){ return parseInt(Math.random()*(iMax-iMin))+iMin;}//把小于10的数前加0function toDouble(num){ if(num<10) { return '0'+num; } else { return ''+num; }
2013-02-20 16:57:47
2681
原创 删除数组中下标为n的元素
无标题文档function removeArrayOfN(arr,n){ if(n > arr.length-1 || n < 0){ alert('没有找到下标为'+n+'的元素！'); return;}//如果n大于或小于指定数组的长度则返回 var arr1 = []; for(var i = 0; i < arr.length; i++) { if(i =
2013-02-20 16:45:23
5642
原创 数学符号
alt+34147=卌 alt+34148=卍 alt+34149=卐 alt+41420=√ alt+41423=∠ alt+41424=⌒ alt+41441=♂ alt+41442=♀ alt+41457=● alt+41458=◎ alt+41459=◇ alt+41460=◆ alt+41466=→ alt=4
2012-12-14 16:24:00
822
原创 js随机打乱数组
一、比较乱的排序方法function fnLuanXu(num) { var aLuanXu=[]; for (var i = 0; i < num; i++) { aLuanXu[i] = i; } for (var i = 0; i < num; i++) { var iRand = parseInt(num * Math.random()); var
2012-12-11 16:14:12
6520
原创 js生成web安全色
256色里有40种颜色在Macintosh和Windows里显示的效果不一样，所以能安全使用的只有216色。 web安全色 div{ color:#f60; font:12px/1.5 Georgia;} window.onload = function() { var aColor = ['00','33','66','99','CC
2012-11-28 13:10:32
5457
原创 IE6最小宽度
IE6最大宽度 *{ margin:0; padding:0;} .ie6_out{ margin-left:1000px; zoom:1;} .ie6_in{ float:left; margin-left:-1000px; position:relative;}/*1000为最小宽度1000px*/ .content{ background-color:#cc
2012-10-29 20:54:56
954
原创 模拟键盘打字2
模拟键盘打字 速度与激情5 距离上一次充满激情的速度生涯已经过去了两年，两位驰骋赛车届的风云人物多米尼克（范·迪塞尔饰）与布莱恩（保罗·沃克饰）厌倦了见不得光的躲避警察的生活，为了让自己彻底获得真正的自由，他们决定干最后一票来完成这个目标，然后金盆洗手，乐享自由。而任务地点则是南美巴西繁华都市里约热内卢，决心和当地腐败的政府以及黑恶势力展开对决。多米尼克和布莱恩组成了一支终极赛车团队，
2012-10-09 09:33:41
990
原创 模拟键盘打字
模拟键盘打字 window.onload = function() { var sTit = '速度与激情5'; var sText = '距离上一次充满激情的速度生涯已经过去了两年，两位驰骋赛车届的风云人物多米尼克（范·迪塞尔饰）与布莱恩（保罗·沃克饰）厌倦了见不得光的躲避警察的生活，为了让自己彻底获得真正的自由，他们决定干最后一票来完成这个目标，然后金盆洗手，乐享自由
2012-10-08 14:57:10
1900
原创 css3模拟时钟
css3模拟时钟，标题包含css3看的时候就不要用那些浏览器了，大家懂的……直接上code: css3模拟时钟 *{ margin:0; padding:0;} /*设置时钟的外框*/ .clock{ position:absolute; top:50%; left:50%; width:500px; height:500px; margin-lef
2012-09-10 17:08:50
1786
原创 css sprite
css sprite是什么这里就不多说了，懂web页面制作的人应该都明白。废话不多说，先上一张，拼好后的图片这张图合并的很漂亮，当然不是我合的了。我想大多数人都会这样拼，而且也能拼得这么漂亮，但是不知道大家有没有想过，假如我不想要这种颜色呢，想换一种，岂不要又要拼一张图呢，假如一个网站的配色，需要的不止一种颜色的图标，那我们是不是要做好几张各种颜色的图呢？如果我们反过来
2012-08-17 17:06:32
696
原创 在IE浏览器中使用firebug
firebug是什么就不多说了，大家都习惯了在火狐中使用firebug,是不是也想在IE中使用firebug,虽然IE中也有自带的ie devoloper tools ,但是个人觉得真心不太好用，不知你是否也有同感 ，有木有,有木有？下面说一下怎么在IE中使用firebug一、在线版打开网址https://getfirebug.com/firebuglite全英文的
2012-08-08 11:07:04
3854
原创 阻止事件冒泡
图中，3为子元素，2为元素3的父元素，1为2的父元素事件冒泡：分别给图中，元素1，元素2，元素3，添加点击事件，分别弹出1，2，3。我们想要的是点击1元素的时候弹出为1，点击2元素的时候弹出2，点击3元素的时候弹出3。但事与愿违我们点击1元素的时候弹出1，点击2元素的时候然弹出2，后弹出1，也就是事件从2元素冒泡到1元素，因此1元素的点击事件也会被触发，其实事件会一直冒泡到根元素，只是1的
2012-07-09 10:11:47
492
原创 查找数组最小值，并反回最小值的在数组中的位置
//<![CDATA[ window.onload = function() { var aa=[2,3,43,43,5,345,435,4,35,43,4,23,2,3123,12,3,0]; var iMin = 999999999; var index = -1; for(var i = 0; i < aa.length;i++) { aa[i].index
2012-06-18 16:03:50
2427
原创 选中文字弹出分享
function selectText() { if(document.selection) { return document.selection.createRange().text;//ie } else { return document.getSelection().toString();//w3c } }
2012-05-10 14:23:07
749
原创 如何动态设置css的float(cssFloat/styleFloat)
sdfsdf //<![CDATA[ window.onload = function() { var oDiv = document.getElementsByTagName('div')[0]; oDiv.style.float = 'right'; } //]]>以上写法是不可以的，必须这样写sdfsdf //<![CDATA[
2012-04-05 17:38:03
2556
原创 fixed(兼容ie6)
返回顶部在容器的边上， *{ margin:0; padding:0;} .body{ width:990px; height:1500px; margin:0 auto; background-color:#d1d1d1;} .goTop{ width:30px; height:50px; background-color:#f50; posit
2012-03-29 17:54:59
615
原创 年、月、日下拉菜单
工作之余就学学js,费了好几个工作之余终于写出来了 select{ width:100px;} span{ padding:0 10px 0 5px;} 年 月 日[1,3,5,7,8,10,12]共31天[44,6,9,11]共30天[2]共28天 window.onload = function() { v
2012-03-16 14:26:48
619
原创 extend (js)
function extend(destination, source) { for (var property in source) { destination[property] = source[property]; } return destination;}
2011-11-30 22:51:58
645
原创 三列布局，中间先加载，三列等高
*{ margin:0; padding:0; color:#FFFFFF; font-size:12px; } h2{color:#000000;} .box{ overflow:hidden; zoom:1; width:900px; margin:0 auto 20px;} .box span{ color:#f00; display:block; text-align:center;
2011-11-14 13:18:54
897
原创 取得数组最大值
function max(){ var m = Number.NEGATIVE_INFINITY; for(var i = 0; i < arguments.length; i++){ if(arguments[i] > m){ m = arguments[i] } } return m; }var largest = max(1,2,5,23,54,646
2011-11-03 21:11:54
384
原创 给数组排序
<!-- var s = [1,2,4,5,6,34,2323,234,54654,765765,443,32,12,3,] document.write("排序前：" + s + ""); s.sort(function(a,b){return a - b});//从小到大排序 document.write("排序后：" + s + "") //-->如果我们取数组的第
2011-11-03 20:48:04
482
原创 关于inline-block
inline-block错误理解css:a{ border:1px solid #f60; width:200px;margin-left:100px; display:inline-block; text-indent:-9999px;}html:123//在i
2011-09-28 21:09:23
471
原创 根据select选中的值来做的切换
根据选择下拉菜单的中的值来切换显示内容HTML： 选择内容1 选择内容2 选择内容3 选择内容4要显示的内容1要显示的内容2要显示的内容3要显示的内容4JS：(function($)
2011-08-25 21:30:31
5699
原创 jQuery焦点图
今天工作不算忙，浏览网页时在懒人图库上看到这个效果感觉不错，自己也按照上面效果写了一个方便以后使用HTML: > 1 2 3 4 5 6 CSS:
2011-08-23 20:56:38
917
原创 jquery 文字滚动
工作的时候总是用到这个效果，就记录下来方便下次使用例：css:*{ margin:0 ; padding:0;} body{ font-size:12px;} ul,li{ list-style:none;} .box{ width:200px; heigh
2011-08-23 12:43:52
1789
原创 正则表达式的各种字符匹配及含义
正则表达式的直接量字符字符匹配字母数字字符自身\oNUL字符（\u0000）\t制表符（\u0009）\n换行符（\u000A）\v垂直制表符（\u000B）\f换页符（\u000C）\r回车（\u000D）\xnn由十六进制数nn指定的拉丁字符，例如，\xoA等价于\n\uxx
2011-07-13 23:23:36
1727
原创 js全选，反选，取消
北京 上海 大连 河南 东北 全选 反选 取消 <!-- function selectAll(obj,checkBoxName){ var o = document.getElementById(obj) var boxName = docume
2011-07-11 21:49:46
1323
原创 N列等高
这是一个很短样式就可以达到的等高，但只有高端浏览器支持，按照浏览器使用市场率看，这是很悲惧的一件事情，但对于WEB开发来说是一件喜事,话不多说大家都懂的先上例子：结构： testtesttest testtesttest testtesttest testtesttest testtesttest testtesttest testtestt
2011-06-17 10:59:00
462
原创 久别重逢的常用句
１．お元気（げんき）ですか。 你好吗？２．最近（さいきん）はいかがですか。 最近怎么样？３．お変（か）わりがありませんか。 别来无恙４．ご機嫌（きげん）はいかがですか。 您身体好吗？５．しばらくでした。 有段时间没见到你了。
2011-06-07 22:58:00
575
原创 IE6 fixed bug
<br /><br /> .turnTop{ position:fixed; bottom:0; right:0; _right:3px;}/* ie6 fixed bug */html,html body{ _background-image:url(about:blank); _background-attachment:fixed;}.turnTop{ _position:absolute; _bottom:auto; _top:exp
2011-04-29 15:15:00
634
原创 window.open
设置值说明fullscreenyes或no表示浏览器窗口是否最大化。仅限IEheight数值表示新窗口的高度。不能小于100left数值表示新窗口的坐标。不能是负值locationyes或no表示是否在浏览器窗口中显示地址栏。不同浏览器的默认值不同menubaryes或no表示是否在浏览器中显示菜单栏。黑认值为noresizableyes或no表示是否可以通过拖动浏览器窗口的边框改变其大小。黑认值为noscorllbarsyes或no表示如果内容在视口中显示不下，是否允许滚动。黑认值为nostatusyes
2011-04-24 16:26:00
475
原创 css字体，字符
中文名英文名UnicodeUnicode 2Mac OS华文细黑STHeiti Light [STXihei]/534E/6587/7EC6/9ED1华文细黑华文黑体STHeiti/534E/6587/9ED1/4F53华文黑体华文楷体STKaiti/534E/6587/6977
2011-04-18 15:47:00
895
原创 あいさつの礼儀
<br /><br /><br />日本じん同士があいさつする時は、普通お辞儀をします。中国ではありさつとする時、握手をするのが普通ですが。日本人は、あくしゅよりもお辞儀をするのが一般的です。お辞儀をする時は腰から上を前のほうに傾けます。お辞儀の角度には、首を曲げるだけの軽いものから深く頭を下げるものまで、いろいろあります。普通、初対面の時には深くあたまをさげて、丁寧なお辞儀をします。<br /> <br />仕事で初対面のひとにあつた時は、名刺を出します。名刺の出し方と受け取り方にも決まりがあります。相手
2011-03-12 23:42:00
673
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人