Div+Css+Js
文章平均质量分 73
qinglinglaoren
这个作者很懒,什么都没留下…
展开
-
自己改的一个li里的图片的向左无缝滚动
无标题文档原创 2011-11-10 10:24:05 · 2193 阅读 · 0 评论 -
设为首页和加入收藏的HTML js代码
1.文字型: http://www.apple-wallpaper.com">设为首页2.按钮型: http://www.apple-wallpaper.comt"> 3.离开时自动提示设为首页: 4.打开网页就提示是否设为主页: function myhomepage(){ this.homepage.style.beha转载 2012-08-15 14:58:57 · 1619 阅读 · 0 评论 -
input[submit]设置border时的双重border现象
无标题文档 .first { border:solid 1px #F00; /*border:none; //将第一个border设置为none后,看其效果*/ /***红色边框外侧存在黑色的边框,形成双边框现象***/ } .second { border:solid 1px #F00; /***红色边框外侧存在黑色的边框,形成双边框现象***/原创 2012-08-15 14:15:54 · 3652 阅读 · 0 评论 -
块级元素在这是overflow:hidden;后浮动在ie6、7下的异常解析
无标题文档 body , p { margin:0; padding:0; } body { font:12px/24px Verdana, Geneva, sans-serif; } .demo { width:120px; height:120px; overflow-x:hidden; overflow-y:auto; margin:100px;原创 2012-08-21 11:53:43 · 1035 阅读 · 0 评论 -
初学js正则表达式之密码强度验证
passwordCheck $(function() { $('#pwd').keyup(function() { var val = $(this).val(); isDigit(val); }); function isDigit(s) { var pattern_d = /^\d+$/; //全数字 var pattern_s = /^[A原创 2012-09-28 13:26:11 · 4979 阅读 · 2 评论 -
Firefox下margin-top失效解决技巧
经常会遇到Firefox下margin-top这失效的问题,这里和大家分享一下Firefox下margin-top失效的原因与解决方法。Firefox下margin-top失效的原因与解决方法经常会遇到Firefox下margin-top这失效的问题,但一直都是用变通的方式去解决,今天在网上查了查,有所收获,转帖备忘。在这个说明中,“collapsingmargins”(折叠margin)转载 2012-10-11 09:18:12 · 1467 阅读 · 0 评论 -
JQuery编写百叶窗Flash插件的讲解
网上很多的,类似的纯js写的百叶窗flash插件,但是,看了几个,感觉复杂度很高,而且有的都加了密的。所以,自己要用的时候,去研究就有些蛋疼,于是乎,就自己用jquery写了一个插件,希望能与大家共享,学习。无标题文档 /*--这是调用方法。这里可以放在一个单独的js文件之中--*/ $(function() { $('#outer').flashShow({ isb原创 2012-09-27 11:33:10 · 1324 阅读 · 0 评论 -
JQuery的animate的marginTop自增动画在FF下的另类表现
marginTop #con { width:300px; height:300px; border:solid 1px #F00; overflow:hidden; } #conc img { width:300px; height:300px; } #show { width:300px; height:200px; border:solid 1原创 2012-10-10 17:21:43 · 12068 阅读 · 0 评论 -
js实现表单内容修改与初始值进行比较
我们有时候需要这样的一个功能,即我们从数据库读取了一些默认值到表单,此时,我们要对表单进行填写,我们希望我们填写过后的内容与初始的内容进行比较,当我们重新填写的内容与初试内容(各个表单的内容都要进行比较)不同时,我们要实现某种功能。以下是今天一个朋友找我要一个demo,类似的,希望当表单的内容与初始值内容不相同时,实现按钮的disableed的切换效果。上代码:unequa原创 2012-10-17 21:32:49 · 6548 阅读 · 1 评论 -
当用js动态的改变一个输入框中的值后,并不能触发它的onchange事件why?
onchange事件的触发条件需满足:1、输入框的值发生改变;2、输入框失去焦点。事件触发发生在2,而不是1的过程中。如果值改变则触发事件则需要使用onpropertychange(IE)或oninput(FF);总结:1、onchange事件与onpropertychange事件的区别:onchange事件在内容改变(两次内容有可能还是相等的)且失去焦点时触发;onprope转载 2012-12-01 16:24:16 · 3333 阅读 · 0 评论 -
chrome下img加载对height()的影响
chrome下img加载对height()的影响 .floatleft { float:left; } $(function() { var img_h = $('.showimg').height(); var img_w = $('.showimg').width(); var text_h = $('.showtext').height()原创 2012-07-25 16:20:17 · 2799 阅读 · 4 评论 -
JavaScript世界的一等公民 - 函数
原文地址:http://software.intel.com/zh-cn/articles/javascript-first-class-citizen-function/?cid=sw:prccsdn229032 2012年07月11日 09:00 简介在很多传统语言(C/C++转载 2012-07-25 00:00:33 · 986 阅读 · 0 评论 -
解决设置table-layout:fixed后无法设置宽度的问题
会议名称: 主题: 时间: 地点 参加单位原创 2012-03-22 14:24:42 · 3600 阅读 · 0 评论 -
jquery实现的拖拽效果,解决拖动速度过快时的会卡现象,select的遮挡问题和透明效果
我的html 代码弹出层 点击这里,弹出层 这是标题 X 关闭 这是内容 css样式:@charset "utf-8";/* CSS Document *//*作者:北京→南宫*/body { font:12px/14px Verdana原创 2012-03-29 14:13:13 · 6169 阅读 · 1 评论 -
解决JQuery的 slideDown()函数导致ie6的overflow失效的个人解决办法。
我在写下拉菜单的时候,用到了slideDown()的下拉效果。贴出代码比较直观一些。无标题文档 ul,li { padding:0; margin:0; } ul { list-style:none; } #out { width:300px; height:400px; border:solid 1px #999; overflow:aut原创 2012-05-02 14:37:41 · 2789 阅读 · 2 评论 -
关于js闭包的思考题的个人解答
原题为:var name = "The Window"; var object = { name : "My Object", getNameFunc : function(){ return function(){ return this.name; }; } }; alert(object.getNam原创 2012-04-17 15:42:54 · 653 阅读 · 0 评论 -
chrome下form内的button的第一次点击问题的发现
先上demo无标题文档 点击当你在chrome下第一次打开并且第一次点击的时候,页面将发生跳转,跳转到action所指向的地址。在群里询问了些高手,他们第一反应是用js,给加上onclick='return false;'但是这样并非我的所愿,我想应该可以有纯css的解决办法。后来.Net→烦烦²º¹³让我加上个type="button"原创 2012-04-19 17:23:52 · 918 阅读 · 0 评论 -
针对各种浏览器css不兼容的写法 (转)
/*针对谷歌浏览器内核支持的CSS样式*/@media screen and (-webkit-min-device-pixel-ratio:0) {样式}/*针对IE6特制识别的CSS样式*/*HTML .SearchBox{样式}针对Firefox浏览器的内核CSS写法:@-moz-document url-prefix() {.font1 {color:re转载 2012-05-22 09:38:42 · 2132 阅读 · 0 评论 -
js无法获取未设置样式的input的宽高
无标题文档 function show(e) { var _event = e ? e : window.event; var _type = _event.type; var _target = _event.srcElement ? _event.srcElement : _event.target; var target_width = _target.style.wid原创 2012-06-19 13:57:01 · 3813 阅读 · 0 评论 -
li内元素浮动在ie7产生边距之我解
另附:ul , li { *float:left; /*--为ul,li添加浮动,单独为其中一个添加的话,都无法消除边距。 无论浮动与否,对ie6皆没有影响,但其他浏览器将因li浮动而使得各li横向排列,即不再单独占据一行。解决的办法是,用css hack,样式属性前添加*。 --*/ vertical-align:middle; /*--在此博客中看到的解决办法:ht原创 2012-07-18 09:54:43 · 2937 阅读 · 0 评论 -
IE6/7下绝对定位(position:absolute)元素消失
在IE6、7中如果一个浮动元素与绝对定位元素相邻的话,在某些情况下绝对定位元素将会消失。在网上找了一下,有如下解释:1.当绝对定位层的邻近浮动层的宽度不等于父层宽度时,以及没有清除浮动时,IE6/7,FF中显示一致;测试代码1如下:IE6/7绝对定位元素消失-110201.com.wrap { position:relative; width:300px; height转载 2012-08-09 11:36:01 · 7158 阅读 · 0 评论 -
(转)八种创建等高列布局
高 度相等列在Web页面设计中永远是一个网页设计师的需求。如果所有列都有相同的背景色,高度相等还是不相等都无关紧要,因为你只要在这些列的父元素中设置 一个背景色就可以了。但是,如果一个或多个列需要单独设置自己的背景色,那么它的视觉完整性的设计就显得非常重要了。大家都知道当初Table实现等高列 布局是多么的简单,但是我们使用CSS来创建等高列布局并非是那么容易的事情。如果一个设计是固定宽度(非转载 2012-12-10 14:10:32 · 757 阅读 · 0 评论