- 浏览: 96644 次
- 性别:
- 来自: 北京
最新评论
-
mmww1024:
爱吃肉的菜鸟 写道楼主你最后那个函数里为什么要加1?因为取得是 ...
【转】JavaScript中常见的字符串操作函数及用法 -
爱吃肉的菜鸟:
懂了
【转】JavaScript中常见的字符串操作函数及用法 -
爱吃肉的菜鸟:
楼主你最后那个函数里为什么要加1?
【转】JavaScript中常见的字符串操作函数及用法
文章列表
1.截字省略号 .hh { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space: nowrapoverflow:hidden; }
2.禁止选取网页内容 问题: FF需要用CSS禁止,IE用JS禁止 解决方法: IE: obj.onselectstart = function() {return false;} FF: -moz-user-select:none;
1、给页面文档添加一个点击事件函数,在函数内实现隐藏菜单功能。 $('html').click(function(){//Hide the menus if visible});
2、对于菜单本身不希望在点击它时将自己隐藏,需要为菜单本身的点击事件添加以下方法,用来阻止点击事件的传播。 $('#menucontainer').click(function(event){event.stopPropagation();});
参考资料:http://stackoverflow.com/questions/152975/how-to-detect-a-click-outside-an-elem ...
写列表时,设置ul的 line-height:35px;结果发现ie6下只有第一行的li有行间距,原来ie6认为只有li里面的内容够折行了才会有行间距,li和li之间是没有行间距的。以下是正常情况:
ie6下:
解决办法:
给ie6单加了下边距:
_margin-bottom:10px;
减少依赖文件 : 更少的文件意味着更少的http请求与更快的加载时间
降低图片大小: 适应与调整高分辨率图片,在额外的下载时间中占居榜首,占用了宝贵的内存与处理资源。
减轻客户端负担: 最佳实践是重新思考你的javascript,并使之降低到最小尺寸
一、怎样减少依赖文件
1.如果你想为移动端用户隐藏图片,display:none与visibility:hidden是不能阻止文件下载的。
替代方案是利用css加载背景图片,之后利用media query媒体查询来通过条件隐藏图片。
亚马逊独立的移动端页面使用了此种技术,根据设备来条件加载特定的图片。
<meta n ...
JQuery事件的e参数的方法preventDefault()可以取消对象的默认行为。如下代码:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title& ...
这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚 px与em之间的关系和特点,看过以后确实收获很大。平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用。 因为
1、IE无法调整那些使用px作为单位的字体大小;
2、国外的大部分网站能够调整的原因在于其使用了em作为字体单位;
3、Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。
px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2. ...
一直以来认为Safari在Web调试上是个残疾直到今天 才发现一直错怪了它... 而且...它用的居然和Chrome是一个调试工具 - Web Inspector只是Chrome在这点上做的比Safari好一开始就把Web Inspector给Enable了而且做了一些扩展并给了它另外一个名字 - Develop Tools而Safari把它隐藏的太深了以至于像我这样会玩软件设置的人都...如何Enable - SafariPrefernces --> Advanced最下面的选项
勾选 然后你就可以在右键菜单上看到Inspect Element选项了 - 跟Chrome一模一样
原 ...
js代码:
function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); return null; }
URL的参数&参数名1=XXXX&参数名2=XXXX&参数名3=XXXX
alert(Get ...
1.alt+左箭头 ————后退
2.ctrl+t ————新建标签页
3.ctrl+tab或者ctrl+数字 ————标签页切换
4.ctrl+l ————跳到url
5. ctrl + f ————查找
6.ctrl + tab / ctrl + shift + tab ————循环进入前/后tab
7.ctrl + shift + t ———— 打开最后关闭的tab
8. ctrl + tab / ctrl + shift + tab ———— 循环进入前/后tab
9. ctrl + k ———— 进入google搜索输入焦点 10. ctrl + w ———— 关闭当 ...
1、兼容透明度
filter:alpha(opacity=30)
上面的CSS使用专用的filter属性来设置IE6-8透明度。对于IE6和IE7需要注意:为了使得透明设置生效,元素必须是“有布局”。一个元素可以通过使用一些CSS属性来使其被布局,有如width 和 position ...
用百分比设置图片的高宽
- 博客分类:
- css
在http://www.w3cschool.cn/t8640.html?f=csse_dim_height_percent
网站上看到这个例子,不明白为什么图片高度50%反而比原图要大。
查阅资料后,原因如下:
百分比是相对于父元素的,例子中父元素的高度是多少图片的高度就是其的50%,这样一来就明了了。
谢谢:http://www.web589.com/posts/1189.html
Jquery动画中的问题
- 博客分类:
- Jquery
前几天写了个jquery动画,实现左右切换效果
在没加ele.stop(true,false).fadeOut(500)之前,点击快了会有暂时显示不好,坏了的情况出现,后来百度下,加上了stop(),就好了。
给移开的情况加就行了,移入是没有问题的
前面的true表示停止被选元素的所有加入队列的动画
后面的false表示是否允许完成当前的动画
CSS3 选择器——属性选择器(复习)
- 博客分类:
- css 选择器
E[attr]:只使用属性名,但没有确定任何属性值;
.demo a[id] {background: blue; color:yellow;font-weight:bold;}
.demo a[href][title] {background: yellow; color:green;}
E[attr="value"]:指定属性名,并指定了该属性的属性值;
.demo a[id="first"] {background: blue; color:yellow;font-weight:bold;}
.demo a[href=&qu ...
1、相邻兄弟元素选择器(E + F)
相邻兄弟选择器可以选择紧接在另一元素后的元素,而且他们具有一个相同的父元素,换句话说,EF两元素具有一个相同的父元素,而且F元素在E元素后面,而且相邻,这样我们就可以使用相邻兄弟元素选择器来选择F元素。
li + li {background: green;color: yellow; border: 1px solid #ccc;}
上面代码表示选择li的相邻元素li,我们这里一共有十个li,那么上面的代码选择了从第2个li到 10 个li,一共九个
因为上面的li+li其中第二li是第一li的相邻元素,第三个又是第二个相邻元素,因此第三个也被 ...