code box
关注
分享
扫一扫
文章平均质量分 68
trace332
我就是我的作品!
展开
-
JS_布局_的左右两列自动拉伸对齐
高度对齐<!--function alignHeight(eleA,eleB){ if(!document.getElementById(eleA)){return false;} if(!document.getElementById(eleB)){return false;} var heightA = document.getElementById(原创 2009-04-02 22:55:00 · 1658 阅读 · 0 评论 -
JS_Array扩展
来源:https://developer.mozilla.org/en/New_in_JavaScript_1.6#Array_extras indexOf if (!Array.prototype.indexOf){ Array.prototype.indexOf = function(elt /*, from*/) { var len = thi转载 2010-03-20 17:00:00 · 1387 阅读 · 0 评论 -
CSS_Layout三分栏__左右两栏宽度固定,中间自适应
来源URL : http://playgoogle.com/?p=108 没有来及仔细看,但摘出来应该挺好用的. body{min-width:800px;}h1,h2,div p{margin:0;padding:10px;}#wrapper{width:90%;margin:0 auto;background:#ddd;}转载 2010-03-17 14:40:00 · 4925 阅读 · 0 评论 -
JS_常用处理函数
ＪＳ常用的处理函数：1.PHP时间戳转换2.格式化URL对象内容原创 2010-06-14 21:20:00 · 846 阅读 · 0 评论 -
JS_jQuery插件_date_select
JS_jQuery插件_date_select原创 2011-02-23 14:11:00 · 2589 阅读 · 0 评论 -
HTMLCSS_CSS3
一些常用的CSS代码。。。IE6-8全不支持，不用想了。。。.rad{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}.rad-bl{ -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; border-bottom-left-radius:10px;}.rad-br{原创 2011-03-22 17:47:00 · 729 阅读 · 0 评论 -
HTMLCSS_form表单
最常用的表单结构：用户名请输入用户名密码性别 男原创 2011-03-28 17:30:00 · 1796 阅读 · 1 评论 -
JS_placeholder
<br />本想写个脚本让不支持placeholder的浏览器也能使用此标签，仔细一试才发现placeholder和我们之前实现的效果不太一样：一是用户的输入内容可以和默认内容是一样的，再次focus后输入内容不会设空；二是可以输入空格，blur后不会再显示默认内容。<br /> <br />required jQuery<br /> <br />function supports_input_placeholder(){ var i = document.createElement("input");原创 2011-05-16 15:11:00 · 2315 阅读 · 0 评论 -
jQuery 插件模板
此模板是在《jQuery 1.4 Plugin Development Beginner's Guide》中看到的，注意一定要加上return this.each(function(){...})，否则操作只会作用于找到的第一个元素。// 插件代码/* jQuery.PLUGINNAME * require: jQuery * HTML : * eg : * author : * date : 20110225 */;(function($) {原创 2011-03-29 17:36:00 · 869 阅读 · 0 评论 -
JS_jQuery插件_autoGrowing
<br />源自《jQuery 1.4 Plugin Development Beginner's Guide》。<br /> <br />// 插件代码/* jQuery.autoGrowing * require: jQuery 1.4+ */;(function($) { $.fn.extend({ "autoGrowing": function(opt) { var defaults = { minHeight: 0, maxHei原创 2011-03-30 10:11:00 · 567 阅读 · 0 评论 -
Template 函数
一个闭包形成的单例模式，内部可用于存放一些ＨＴＭＬ模板。看代码： /** * 一个单例模式的模板函数 * usage: * Template.register(tpl_info, ); * Template.get(tpl_a, {i:1}) 或 Template.get(tpl_a, [{i:a},{i:b}]) */var Template =原创 2010-05-30 21:44:00 · 773 阅读 · 0 评论 -
JS_faceicon
一个依照新浪微博的表情窗口。 用到Template函数：http://blog.youkuaiyun.com/trace332/article/details/5635173 function getPagePos(el) { var x = y = 0; while (el) {x+=el.offsetLeft; y+=el.offsetTop; el=el.offsetParent;} ret原创 2011-06-29 15:35:00 · 851 阅读 · 0 评论 -
JS_常用代码片段
1。查找元素位置var getPagePos = function( el ){ var top = 0, left = 0, D = document; if( el.getBoundingClientRect ){ top = el.getBoundingClientRect().top + Math.max(D原创 2009-12-11 10:14:00 · 525 阅读 · 0 评论 -
JS_驼峰式和连字符式的转换
在网上找的这段,比较喜欢1.驼峰转连字符: var s = "fooStyleCss"; s = s.replace(/([A-Z])/g,"-$1").toLowerCase();//利用正则进行替换,简洁明了,很棒 2.转驼峰var s1 = "foo-style-css";s1 = s1.replace(//-(/w)/g, function(all, l原创 2009-12-03 22:25:00 · 11973 阅读 · 1 评论 -
JS_拖动_一个封装好的拖动层效果
鼠标拖动层JS<!--body{margin:0px;padding:0px;font-size:12px;background:#eee;line-height:20px;}.bodyer{width:760px;margin:20px auto auto;border:1px dotted #ccc;background:#fff;}.t_rt{text-ali原创 2009-04-02 22:56:00 · 866 阅读 · 0 评论 -
JS_常用方法_insertAfter()
/***********************************************函数名：insertAfter()作 用：将一个新元素插入另一个元素后面参 数：newElement - 新元素; targetElement - 目标元素返回值：eg : insertAfter(p1,p0)*************************************原创 2009-06-20 15:08:00 · 9218 阅读 · 1 评论 -
CSS_Reset_最近常用的一段Reset
最近常用的一段Reset @charset "utf-8";/* CSS Document *//*CSS reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { m原创 2009-06-20 14:57:00 · 629 阅读 · 0 评论 -
JS_常用方法_dowhileExist , addLoadEvent
常用方法_dowhileExist //用一个函数处理一个DOM元素,如果它们都存在的话... var dowhileExist = function(objID,fn){ var obj = document.getElementById(objID); (obj&&fn) && fn(obj);} 常用方法_addLoadEvent//页面加载原创 2009-06-21 09:06:00 · 542 阅读 · 0 评论 -
JS_常用方法_一段用于DEBUG的代码
好像是在>上面看到的,如下: //调试级别var DebugLevel = {Info:1,Warning:2,Error:3,Off:4};var Debug = { level:DebugLevel.Info, //调试等级 //_output:alert, //输入方法,可改为document.write(IE only) _output:f原创 2009-06-20 15:40:00 · 1342 阅读 · 0 评论 -
CSS_导航菜单_导航1(滑动门)
描述: 常用导航菜单样式:圆角背景,有分隔线,HOVER时背景图变高,滑动门 效果图: HTML: 网站首页首页 网站首页 网站首页 网站首页 网站首页 网站首页 网站首页 网站首页 网站首页 CSS:* { mar原创 2009-06-19 17:16:00 · 1491 阅读 · 0 评论 -
JS_常用方法_String的扩展
String的扩展 //合并多个空白为一个空白String.prototype.resetBlank = function(){ return this.replace(/^/s+/g," ");}//除去左边空白String.prototype.LTrim = function(){ return this.replace(/^/s+/g,"");原创 2009-06-20 15:27:00 · 1091 阅读 · 0 评论 -
CSS_新闻版块_常用新闻版块1
描述: 门户网站常见的那种新闻版块,根据不同的标题显示不同的信息内容效果图: HTML: 常见问题 业界动态原创 2009-06-24 09:32:00 · 1953 阅读 · 0 评论 -
JS_图片轮换导航
描述: 1.图片自动轮换 2.当鼠标放到菜单上时,菜单向上升起,同时显示相对应的图片 3.鼠标离开菜单,图片继续自动轮换 效果图: 说明: 菜单卡片绝对定位在大容器底部, 卡片下部分.bd元素通过高度的变化达到菜单升起降落的效果. 使用了JQuery1.3HTML:原创 2009-07-12 10:02:00 · 3137 阅读 · 0 评论 -
JS_自己写的JQ插件
看了>之后,受益匪浅,特别是有关代码风格方面的内容.于是想把以前写的一些JQ插件整理一下,以留备用...(里面也有一些书中的例子,我也放进去了)其它的也会陆续添加进来~~~ /** * @objMethod - jQuery扩展对象方法 * 注意 : jQuery插件,必须引入jQuery * 最后修改: (20091010) * author : Yan原创 2009-10-11 21:36:00 · 4765 阅读 · 0 评论 -
JS_konamiCode
代码是在此处看到的: http://www.planabc.net/2009/05/21/how_to_implement_konami_code_with_javascript/ var $ = { enabled: false, tmp: Array(), _konamiCode: Array(65,66,39,37,39,37,40,40,38,3转载 2010-01-13 21:51:00 · 626 阅读 · 0 评论 -
脚本_导出凤凰网一本书的内容到html页面
凤凰网上看书很不方便，不允许复制粘贴，而且每章节都是通过ajax请求超慢。就写个脚本，直接导出整本书到html页面上。每个页面都有书的id和章节id，根据这些请求同一个url得到章节内容。function getBookContent(bookId, fromChapterId, toChapterId ) { var str = ''; funct原创 2012-08-04 22:10:50 · 1191 阅读 · 0 评论