JS鼠标事件大全
爱前端网 - Yang 发布于 2014-07-04
一般事件 事件 浏览器支持 描述 onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件 onMouseDown IE4|N4|O 鼠标上的按钮被按下了 onMouseUp IE4|N4|O 鼠...
阅读(1737)赞 (0)
爱前端网 - Yang 发布于 2014-07-04
一般事件 事件 浏览器支持 描述 onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件 onMouseDown IE4|N4|O 鼠标上的按钮被按下了 onMouseUp IE4|N4|O 鼠...
阅读(1737)赞 (0)
爱前端网 - Yang 发布于 2014-07-04
强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行 div{ word-break:break-all; } CSS设置不转行: ...
阅读(1591)赞 (0)
爱前端网 - Yang 发布于 2014-07-04
对CSS网页布局的技巧,可谓是名目繁多,今天介绍一位CSS新手整理的CSS网页布局的小技巧,或许对您更有实际的参考价值: 1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现,而id选择符...
阅读(1607)赞 (0)
爱前端网 - Yang 发布于 2014-07-03
基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度. 文件规范 1. html, css, js, images文件均归档至<系统开发规范>约定的目录中;...
阅读(1608)赞 (0)
爱前端网 - Yang 发布于 2014-07-03
用margin还是用padding这个问题是每个学习CSS进阶时的必经之路。 CSS边距属性定义元素周围的空间。通过使用单独的属性,可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。——W3School 边界(margin):元素周围生成额外的...
阅读(1702)赞 (0)
爱前端网 - Yang 发布于 2014-07-03
static:无特殊定位,对象遵循HTML定位规则 relative:对象不可层叠,但将依据left,right,top,bottom等属性在正常文档流中偏移位置?0?2 absolute:将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而...
阅读(1871)赞 (0)
爱前端网 - Yang 发布于 2014-07-03
alt与title的不同: 1、含义不同 alt是当图片不存在时的替代文字;title是对图片的描述与进一步说明 2、在浏览器中的表现不同 在firefox和ie8中,当鼠标经过图片时title值会显示,而alt的值不会显示;只有在ie6中,当鼠标经过图片时title和alt的值...
阅读(2446)赞 (0)
爱前端网 - Yang 发布于 2014-07-03
1.为body标签赋予id: 同一个网站的不同页面,虽然HTML代码相同,但是可以通过CSS来取得不同的表现效果。如果这些页面用的是同一个CSS文件,怎样精确的定义相同内容的不同表现呢?通过给body标签赋予id以区别不同的页面,然后使用CSS后代选择器可以精确的选择目标。例如:...
阅读(1652)赞 (0)
爱前端网 - Yang 发布于 2014-07-03
HTML5中新增了 section 和 article 这两个和div差不多功能的标签。初看之下,三者极其相似,在网站设计,以及对HTML做布局的时候甚至很难分辨具体的适用场合。本文简要介绍下 div ,section 以及 article 三者间微妙的关系。 div 这个标签是...
阅读(1865)赞 (0)
爱前端网 - Yang 发布于 2014-07-03
一、HTML代码中 在编写网页代码时,各种浏览器的兼容性是个必须考虑的问题,有些时候无法找到适合所有浏览器的写法,就只能写根据浏览器种类区别的代码,这时就要用到判断代码了。在HTML代码中,区别各种浏览器的代码如下,以ie6为例 <!–[if IE 6]>...
阅读(1629)赞 (0)
爱前端网 - Yang 发布于 2014-07-03
之前听人说过,网站制作中字体单位应该用em而不用px,原因简单来说就是支持IE6下的字体缩放,在页面中按ctrl+滚轮,字体以px为单位的网站没有反应。px是绝对单位,不支持IE的缩放,em是相对单位。 首先了解一下em是何物? em指字体高,任意浏览器的默认字体高都是16px。...
阅读(1775)赞 (0)
爱前端网 - Yang 发布于 2014-07-02
1、HTML5 Canvas模拟衣服撕扯动画 超级逼真 今天又要来推荐一款HTML5 Canvas动画,是一个模拟衣服撕扯动画,效果非常逼真。刚开始衣服挂在绳子上,用鼠标拖拽衣服即可让衣服摆动起来,当你拖拽的很用力时,你会发现,衣服被撕破了。该HTML5动画会捕获到鼠标拖拽的用力...
阅读(2170)赞 (1)
爱前端网 - Yang 发布于 2014-07-02
IE6中如何解决背景按钮为透明,加入以下样式: 1.针对IE6的filter滤镜法(适合个数比较少) 加入到样式里: background: url(images/look.png) right bottom no-repeat; _background:none; /*这个千...
阅读(1812)赞 (0)
爱前端网 - Yang 发布于 2014-07-02
PNG图像格式介绍: PNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。流式 网络图形格式(Portable Network Graphic Format,PNG)名称来源于非官方的&ldq...
阅读(1675)赞 (0)
爱前端网 - Yang 发布于 2014-07-02
CSS设置页面最大最小宽度 兼容ie6/7/8/9,FF,chrome,sogou等浏览器 设置最小宽度 div { width:100%; min-width:1000px; width:expression_r(document.body.clientWidth < 1...
阅读(1724)赞 (0)
爱前端网 - Yang 发布于 2014-07-02
1、QQ <a href=”tencent://message/?uin=642157384&Site=&Menu=yes”>QQ客服</a> 效果:QQ客服 如果用户要将自己的QQ添加进去,只需要将64215738...
阅读(1849)赞 (0)
爱前端网 - Yang 发布于 2014-07-02
meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控...
阅读(2537)赞 (0)
爱前端网 - Yang 发布于 2014-07-01
1、CSS3分享按钮动画特效 这是一款基于CSS3的社会化分享按钮,按钮非常简单,提供了分享到twitter、facebook、youtube等大型社交网站。每一个分享按钮都有个大社交网站的Logo图标,并且在鼠标滑过这些按钮时,利用CSS3的动画特性出现滑动的动画效果。 在线演...
阅读(5188)赞 (7)