-
CSS pointer-events 允许下层元素被点击[译]
所属栏目:[创业] 日期:2018-09-01 热度:79
是否曾经有过这样的经历:把一个元素置于另一个元素之上,而希望下面的那个元素成为可点击的?现在,利用css的pointer-events属性即可做到。 CSS pointer-events Pointer-events原本来源于SVG,目前在很多浏览器中已经得到体现。不过,要让任何HTML元素生[详细]
-
HTML5中值得期待的postMessage方法
所属栏目:[创业] 日期:2018-09-01 热度:165
postMessage是HTML5中的一个方法,可以用来跨域访问数据。它简单易用,目前 IE8 +、FF3+、 Safari 4.0+、Google Chrome 1.0+、 Opera 9.5+均支持该方法。 你可以按照以下步骤来使用该方法: 在你希望发送信息的window.或者iframe中调用postMessage方法; 指[详细]
-
如何做网页设计之10个小窍门的经验总结
所属栏目:[创业] 日期:2018-09-01 热度:64
这片文章大体概括了一些设计网页中的大问题。希望能给你做下一个网页时给予一些儿启发。 1、记住:你能掌控的时间是有限的 我仅仅用4秒钟就能浏览完平常的页面,因此,你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你[详细]
-
蓝色风格立体感的导航菜单,响应鼠标,带new功能
所属栏目:[创业] 日期:2018-09-01 热度:138
一款CSS结合图片完成的蓝色风格立体感的导航菜单,响应鼠标显示hover效果,还带有最近比较流行的new小图标功能,该菜单仿自威客中国的导航菜单,大家可以看看下边的演示效果。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:/[详细]
-
CSS3多功能图文混排下拉菜单,有缓冲效果
所属栏目:[创业] 日期:2018-09-01 热度:90
CSS3多功能图文混排下拉菜单,有缓冲效果,一款比较灵活的国外菜单导航代码,菜单内可设计更复杂的文字和图片,图文结合,一些大网站,特别是国外的网站常见到这种风格的CSS菜单。里面有一些预留的图片修饰代码,若有需要,自己加吧。 示例: !DOCTYPE html[详细]
-
Css教程:ie6的fixed解决方案
所属栏目:[创业] 日期:2018-08-31 热度:88
烈火网(LieHuo.Net)教程 ie7,firefox都可以支持postion:fixed (随页面滚动),只是对ie6不起作用,其实解决的方法比较简单,在css里定义一个表达式就可以了。比如要把id为left_menu的元素fixed,就可以这样: Copy to Clipboard 引用的内容:[www.veryhuo.c[详细]
-
IE9初窥:支持CSS3,和HTML5?
所属栏目:[创业] 日期:2018-08-31 热度:184
微软昨天在其2009年专业开发者大会上展示了下一个版本的Internet Explorer浏览器 IE9 。 尽管只是一个早期版本,IE开发团队还是比较高调的宣布了IE9的一些改进,比如速度比之前的IE版本都更快些,缩小与FF和webkit之间的差距(也就是还是赶不上了?),支持CS[详细]
-
黑色大气的网站顶部导航菜单,来自IBM官网
所属栏目:[创业] 日期:2018-08-31 热度:184
黑色大气的网站顶部导航菜单,这款代码是从IBM中文官方网站扣下来的,怎么说呢?!大公司设计出来的东西就是大气,但是老外的设计手法跟国人有些许不同,根据大家的需要自己参考吧,直接使用的可能性不是太大,需要你有一定的HTML知识哦! 示例: !DOCTYPE[详细]
-
JS多级横向联动选择菜单,模拟淘宝级联效果
所属栏目:[创业] 日期:2018-08-31 热度:144
JS多级横向联动选择菜单,模拟淘宝级联效果,这款菜单是模拟淘宝网的,是很早时候的淘宝网,现在已经没有了,本款菜单可以像级联菜单那样一级一级的选择数据,最后确定出数据。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:[详细]
-
一款普通的Tab网页选项卡切换,js+css代码
所属栏目:[创业] 日期:2018-08-31 热度:59
一款普通的Tab网页选项卡切换,js+css代码。也可以叫做标签式导航栏,点击后更换对应的内容,而并非是鼠标滑过就改变内容,网页上经常见到的一种导航形式。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xht[详细]
-
纯CSS三级菜单,兼容IE6横向、下拉级联代码
所属栏目:[创业] 日期:2018-08-31 热度:77
纯CSS三级菜单,兼容IE6横向、下拉级联代码,鼠标放在主菜单对应菜单项上,会向下展开二级菜单,二级菜单会继续展开第三级的子菜单,菜单没有过多的美化,如果你要使用的话,可以自己继续美化吧。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tran[详细]
-
jQuery多级折叠(树形)菜单,动态展开和收缩
所属栏目:[创业] 日期:2018-08-31 热度:60
jQuery 多级折叠(树形)菜单,动态展开和收缩。所有的元素以ul li ul li ul li的循环格式嵌套 如果没有下级分类 就用li a结束嵌套,代码内不用toggle()的原因是为了在收缩菜单的时候同时也将该菜单的下级菜单以后的所有元素都隐藏。 为解决一些网页特效运行[详细]
-
JS+CSS简洁的二级下拉菜单代码,兼容性不错
所属栏目:[创业] 日期:2018-08-31 热度:137
JS+CSS简洁的二级下拉菜单代码,经测试,兼容性不错,推荐大家参考学习。如果您想实际运用到自己的网站中,可能要进行一些修改,比如CSS字体大小和颜色等,当然这需要您有一定的HTML知识。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type cont[详细]
-
JS简陋的下拉菜单代码,使用DW8制作的效果
所属栏目:[创业] 日期:2018-08-31 热度:143
使用Dreamweaver制作的一款下拉菜单,看上比较丑,只是为了实现这种效果,并没有美化,用DW制作网页的朋友或许这个菜单制作技巧你可以借鉴一下,鼠标放上会显示二级子菜单,不过菜单的结构不是CSS,呵,比较老的表格嵌套,不过花一些时间还是可以改为Div的[详细]
-
Google wave 的层阴影制作方法(css+图片)
所属栏目:[创业] 日期:2018-08-29 热度:88
前几天收到了一个google wave的邀请,说实话我对这个东西没啥兴趣,没时间去研究他到底是干什么的,但是作为一个前端,还是应该关心一下这些东西的,于是看了一下这玩意,看到第一眼嚼的好经验,我立即好奇起来,这种阴影好神奇啊,是咋做出来的呢,我去网上搜了一通,[详细]
-
CSS 的重用性写法探索
所属栏目:[创业] 日期:2018-08-29 热度:154
在css的构建过程中,我们经常会定义某种属性,而这些属性又在多处使用。如字体的大小,颜色等。那么我们怎么样才可以最大限度的重用呢? 本讨论中,列举使用这两个属性(字体大小,颜色)的例子。如我们需要定义一段红色,字体大小为14px的段落。 通常可以[详细]
-
CSS实现鼠标移上去显示大图效果
所属栏目:[创业] 日期:2018-08-29 热度:118
--------------------------------------------------css部分----------------------------------- #demo{overflow:hidden;;text-align:center;padding:10px;} #demo img{border:none;border:5px solid #f4f4f4} #enlarge_images{position:absolute;displa[详细]
-
Css 优先级问题分析
所属栏目:[创业] 日期:2018-08-29 热度:180
css优先级的四大原则: 原则一: 继承不如指定 如果某样式是继承来的永远不如具体指定的优先级高。 例子1: CODE: style type=text/css !-- *{font-size:20px} .class3{ font-size: 12px; } -- /style span class=class3我是多大字号?/span 运行结果:.cla[详细]
-
jQuery简单的下拉菜单,文字导航效果
所属栏目:[创业] 日期:2018-08-29 热度:118
一个非常简单的 jQuery 下拉菜单雏形代码,完全没有美化的,仅仅是实现了下拉菜单,这款文字下拉导航可以让您学习到如何使用jquery完成下拉菜果,并且您还可以自己进行美化,比如增加背景、颜色和边框,更高级一些的比如背景图片等。 为解决一些网页特效运[详细]
-
鼠标滑过菜单文字背景弹性移动,JS+CSS实现
所属栏目:[创业] 日期:2018-08-29 热度:157
当鼠标滑过菜单时,导航中文字的背景弹性移动变化,这是基于 Java Script+CSS实现的,大家不要以为用了 jQuery 哦,类似这样的例子,大家可以回顾一下烈火网以前的文章,例如:JavaScript 妙味课堂仿Flash滑动导航菜单。 本文示例: !DOCTYPE htmlhtmlhead[详细]
-
动态翻转的jQuery炫酷菜单,上下左右四款样式
所属栏目:[创业] 日期:2018-08-29 热度:144
在网上收集了一款动态翻转的 jQuery 炫酷菜单,共有上、下、左、右四款样式。如果您想调用这个菜单非常简单,首先,代码中有丰富的释义,另外,菜单的翻转速度、菜单文字的颜色和翻转的方向都可以在代码中方便的设置。 为解决一些网页特效运行后不能显示效[详细]
-
精美带箭头的扩展式网页Tab选项卡,来自百度风云榜
所属栏目:[创业] 日期:2018-08-29 热度:189
百度风云榜,对于各位站长来说并不陌生吧?今天我们看一款来自百度的设计作品,把风云榜上的网页选项卡代码扣下来了,非常精美、带箭头的扩展式网页Tab选项卡,希望对大家学习有所帮助,当然您也可以将这个代码放在自己的网站上。 示例: !DOCTYPE htmlhtm[详细]
-
Css结合图片实现的菱形菜单代码,鼠标滑过变换颜色
所属栏目:[创业] 日期:2018-08-29 热度:57
兼容各种浏览器的Css结合图片实现的菱形菜单代码,鼠标滑过变换颜色,一改平时矩形风格的菜单,让人眼前一亮,形式新颖,鼠标滑过时变色,而且在各大浏览器下表现不俗。 示例: !DOCTYPE htmlhtmlheadtitleCss结合图片实现的菱形导航菜单代码/titlemeta ht[详细]
-
JavaScript Event学习第四章:传统的事件注册模型
所属栏目:[创业] 日期:2018-08-27 热度:99
在这一章我会讲解给元素注册事件的最好的一种办法,那就是:确保一个特定的事件在特定的HTML元素上发生并且能运行特定的脚本。 在最古老的 Java Script浏览器里注册事件只能通过内联模式。自从DHTML从根本上改变了你操作页面的方法,事件的注册就必须有扩展[详细]
-
JavaScript Event学习第五章:高级事件注册模型
所属栏目:[创业] 日期:2018-08-27 热度:172
在这一章我会讲解两种高级时间注册模型:W3C和微软的。因为这两个方法都不能跨浏览器,所以在现在看来他们的使用场合并不多。 W3C和微软都着力于发展自己的事件注册模型来取代Netscape的传统模型。虽然对于微软的模型我不是很感冒,但是w3c的还是不错的,除[详细]
