huifdlcs-优快云博客

var flag=null; document.getElementById('huhu').onmousedown=function(e){ flag=true; diffX=e.clientX-document.getElementById('huhu').offsetLeft; document.onmousemove=function(e){ fl

2015-02-16 07:29:31 572

转载 dojo 在界面元素取得焦点后，会产生一个边框

dojo在的界面元素在取得焦点后，会产生一个边框。解决办法:*:focus{ outline:none}

2014-11-06 21:00:28 473

原创页面禁止鼠标滑动全选

body{-moz-user-select: none;-webkit-user-select:none;-khtml-user-select: none; user-select: none;}html中： //主要解决IE不兼容

2014-08-29 15:31:42 720

原创 input rang 属性

Points:

2014-08-26 15:01:13 512

原创 HTML5中标签input标签number判断

Points:

2014-08-26 14:51:49 3314

原创 load页面结合fadeout,fadein

页面前进加载：$('.sys-main a').not('[href]').attr('href','javascript:void(0)').filter('[k][k!=""]').click(function(){var key=$(this).attr('k'),obj_pub=$('body>.sys-'+key);if(0$('body>.sys-index').fadeO

2014-08-26 09:18:51 564

原创 JS中的load方法

$('body>.sys-index>section').load('html/main.html',{_date:new Date()});

2014-08-25 16:28:05 5879

原创 HTML中获取本地时间

function tick() { var hours, minutes, seconds, xfile; var intHours, intMinutes, intSeconds; var today, theday; today = new Date(); function initArray(){ this.length

2014-08-20 13:48:23 1370

原创 text-shadow

h1{text-shadow: 5px 5px 5px #FF0000;}文本阴影效果！

2014-08-13 15:15:20 377

原创 HTML标签嵌套规则

块级元素和内嵌元素的区别：· 块级元素一般用来搭建网站架构、布局、承载内容……像这些大体力活都属于块级元素的，它包括以下这些标签：div、ul、li、dl、dt、dd、h1~h6、p、address……· 内嵌元素一般用在网站内容之中的某些细节或部位，用以“强调、区分样式、上标、下标、锚点”等等，下面这些标签都属于内嵌元素：a、span、strong、sub、sup、img…

2014-08-12 11:03:53 520

原创渐变 linear 和 radial

background:-moz-linear-gradient(left top,red,black,blue,red,green);

2014-08-08 15:54:34 450

原创 transform 动态旋转需要js控制

window.onload=function () { var div=document.getElementsByTagName("div")[0]; var angle=0; setInterval(function(){ angle++; setCss3(div,{transform:"rotate("+angle+"deg)","tra

2014-08-08 14:31:28 5709

原创鼠标悬浮上去实现光晕效果

#btn-attend{cursor: pointer;text-decoration: none;color: #fff;border-radius: 10px;position: absolute;left:40px; }#btn-attend:after{content: "";position: absolute;top: 0;l

2014-08-06 14:01:39 3076

原创 jquery框架函数扩展

jQuery插件开发全解析 jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery 的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。js插件两种函数的开发做详细的说明。1.类级别的插件开发类级别的插件开发最直接的理解就是给jQue

2014-08-06 10:17:59 388

原创 hack

IE7.0对CSS的支持又有新问题，解决如下。　　第一种，CSS HACK　　Bpx;　　_height:20px;　　注意顺序。　　下面这样也属于div CSS HACK，不过没有上面这样简洁。　　#example { color: #333; }　　* html #example { color: #666; }　　*+html #example { color

2014-08-05 16:35:28 426

原创文字自动换行（一个单词过长时ssssssssssssss）

word-wrap:break-word;

2014-08-05 15:55:00 588

原创 important在IE中不识别

如果实在没有办法解决一些细节问题,可以用这个技巧.FF对于”!important”会自动优先解析,然而IE则会忽略.如下

2014-08-05 15:28:17 1170

原创 div中div浮动要轻浮不然会撑不起来

.one{ width:180px;margin:0 auto; border:1px solid red; } .two{height:100px; width:100px; float:left; border: 1px solid green; } .stree{ clear:both; }

2014-08-04 16:42:22 645

原创页面的最小宽度

页面的最小宽度min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个放到标签下，然后为div指定一个类：然后CSS这样设计：#container{ min-width: 600px; width:express

2014-08-01 17:57:28 771

原创万能 float 闭合

万能 float 闭合关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup]将以下代码加入Global CSS 中,给需要闭合的div加上 class="clearfix" 即可,屡试不爽. .clearfix:after{content:".";di

2014-08-01 15:09:24 323

原创 IE6、7经典hack问题

*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.#wrapper{#wrapper { width: 120px; }*html #wrapper { width: 80px;}*+html #wrapper { width: 60px;}}

2014-08-01 14:54:44 331

原创纯css渲染倒三角

.main{margin-left:-5px; width:0; height:0; line-height:0; overflow:hidden; border-width:5px 5px 0; border-color:#5d97e0 transparent transparent; border-style:solid dashed dashed;}}

2014-07-30 13:31:51 486

原创 min-height 的兼容性问题

{min-height:200px;height:auto;}

2014-07-29 11:44:23 1035

原创 foreach相比for循环的强大之处

demo: $arr=array("logo"=>"北京","hsp"=>123,4=>678);

2014-07-29 11:10:45 424

原创 break 2 循环中中嵌套break

$i=0;while(++$i){}

2014-07-26 10:05:50 382

原创 select标签中的onchange

你出拳

2014-07-26 07:49:34 742

原创 easyui验证扩展

$.extend($.fn.validatebox.defaults.rules, { idcard : {// 验证身份证 validator : function(value) { return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value); }, message : '

2014-07-14 15:20:43 349