-
CSS pointer-events 允许下层元素被点击[译]
所属栏目:[创业] 日期:2018-09-01 热度:137
是否曾经有过这样的经历:把一个元素置于另一个元素之上,而希望下面的那个元素成为可点击的?现在,利用css的pointer-events属性即可做到。 CSS pointer-events Pointer-events原本来源于SVG,目前在很多浏览器中已经得到体现。不过,要让任何HTML元素生[详细]
-
如何做网页设计之10个小窍门的经验总结
所属栏目:[创业] 日期:2018-09-01 热度:78
这片文章大体概括了一些设计网页中的大问题。希望能给你做下一个网页时给予一些儿启发。 1、记住:你能掌控的时间是有限的 我仅仅用4秒钟就能浏览完平常的页面,因此,你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你[详细]
-
CSS 中Visibility 和 Display 属性的比较
所属栏目:[创业] 日期:2018-09-01 热度:78
如果你想改变一个 HTML 元素的可见性,你会把这个元素的 CSS 属性改为 visibility: hidden 还是 display: none ?这两个属性有什么不同?在页面元素可见性改变时你如何应对? Visibility 和 Display 属性的区别 这里有个 Demo 可以比较 visibility: hidden[详细]
-
怎样让Css的层垂直居中于浏览器
所属栏目:[创业] 日期:2018-08-25 热度:83
烈火网(LieHuo.Net)教程 怎样让层垂直居中于浏览器,这里的实现方法我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二,来看代码。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtm[详细]
-
JavaScript+Css桔红色风格网页选项卡代码
所属栏目:[创业] 日期:2018-08-25 热度:119
一款基于 Java Script+Css实现的网页选项卡代码,设计的样式为桔红色风格,看上去非常整洁,鼠标点击后选项卡切换,并非鼠标滑过即切换(滑动门菜单),兼容性相当不错,分享给大家,希望大家喜欢。 示例代码: htmlheadmeta http-equiv=Content-Type cont[详细]
-
一款自适应文字内容宽度的Tab标签导航
所属栏目:[创业] 日期:2018-08-25 热度:88
一款自适应文字内容宽度的Tab标签导航,也就是我们平时所说的选项卡效果,与之前烈火网发布的选项卡代码不同,这款选项卡的选项宽度是可以自适应文字的,并且作者加上了背景,这样就使得UI更加漂亮了。 示例: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01[详细]
-
滑动式的选项卡演示代码:Easy Tabs示例
所属栏目:[创业] 日期:2018-08-25 热度:197
一款滑动式的选项卡演示代码,类似于之前我们据说的滑动门,作者给它取名为:Easy Tabs,看上去还是比较最简单的选项卡样式,来自国外网站,没有汉化,界面为英文,稍带点动画的感觉,实际运用的价值不是太大,仅供大家参考和学习。 演示: !DOCTYPE htmlh[详细]
-
基于JS+Table表格的静态竖直导航菜单代码
所属栏目:[创业] 日期:2018-08-24 热度:125
基于JS+Table表格的静态竖直导航菜单代码,一眼看上去给人的感觉肯定是用了div+css,但是您只要看一下源代码就明白了,里明明使用的是Table表格技术,怎么样,有兴趣的话自己试试去吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//[详细]
-
网页左上角滑出的菜单导航,类似QQ的停靠效果
所属栏目:[创业] 日期:2018-08-24 热度:97
悬浮在网页左上角的一个导航,鼠标经过时动态滑出的菜单,当鼠标离开菜单区域时,菜单自动收缩至顶部,有点类似腾讯QQ的窗口停靠效果,尽管菜单比较久远了,但是兼容性和使用价值都还是不错的,推荐学习和研究。 演示: !DOCTYPE htmlhtmlheadmeta charset[详细]
-
网页左上角导航,鼠标点击和经过链接滑出菜单
所属栏目:[创业] 日期:2018-08-24 热度:60
一款位于网页左上角的导航,当鼠标点击和经过链接时,动态滑出菜单,和刚刚给大家介绍的仿QQ停靠窗口的菜单有些类似,由于时间关系,菜单没有美化,如果您打算使用,请自己使用CSS美化一下吧。 示例: !DOCTYPE htmlhtmlheadmeta charset=utf-8 /title左上[详细]
-
黑色纯CSS下拉菜单代码,仅支持Chrome+Firefox
所属栏目:[创业] 日期:2018-08-24 热度:58
今天给大家分享一款黑色风格、纯CSS实现的下拉菜单代码,最大的缺点是不支持 IE浏览器 ,仅支持 Chrome 谷歌浏览器 和 Firefox 火狐浏览器 ,不知道作者是怎么想的,竟然放弃了IE,技术不错的朋友如果有时间修改一下吧,别忘记给烈火网投个稿哦! 顺便说一[详细]
-
键盘空格键打开侧边菜单:JS快捷键控制网页元素
所属栏目:[创业] 日期:2018-08-24 热度:70
这是一款使用网页脚本 Java Script代码,实现键盘控制网页元素的例子,使用空格键打开侧边菜单!这里的快捷键是可以自己定义的,请参考KeyCode键盘码值查询表。 另外,在本例子当中含有极具详细的JS代码注释,非常方便的学习代码和使用。 看一下演示: htm[详细]
-
JavaScript自定义多级联动浮动菜单[二]
所属栏目:[创业] 日期:2018-08-20 热度:176
烈火网教程 上一个版本( 第一版请看这里 )基本实现了多级联动和浮动菜单的功能,但效果不是太好,使用麻烦还有些bug,实用性不高。 这次除了修改已发现的问题外,还对程序做了大幅调整和改进,使程序实用性更高,功能更强大。主程序代码也从第一版的一百[详细]
-
JavaScript优化篇:汉字转换为拼音
所属栏目:[创业] 日期:2018-08-20 热度:145
网上类似的例子层出不穷,但大多万变不离其宗:把所有读音相同的字放在一行,这一行对应一个拼音;转换时搜索汉字所在的行,然后读取这行对应的拼音即可。且不说效率如何,单是记录下所有的汉字就是一个不小的空间。即使是常用的汉字就有近7000个,若是要[详细]
-
简析JavaScript按位运算符的应用
所属栏目:[创业] 日期:2018-08-20 热度:64
大多数语言都提供了按位运算符,按位运算符在c,c++等语言中运用广泛,而在JS,AS等脚本语言中则没有太多的应用例子,有时候,适当的使用按位运算符会取得很好的效果。 下面根据自己的认知简单的谈一下js中的位操作使用(同样适用于其他语言),如果有错误[详细]
-
实例代码:JavaScript打造简单评分功能
所属栏目:[创业] 日期:2018-08-20 热度:88
烈火教程 今天在蓝色理想转的时候,看到一位仁兄技术非常不错,就去其独立博客转了转,没想到收益颇多,尤其看到一款类似星级评分的实例代码,更牛x的是,实现了小数!我们来看下面的代码。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN[详细]
-
Ajax无刷新弹出消息框的实例代码
所属栏目:[创业] 日期:2018-08-20 热度:199
烈火教程 今天做Tab选项卡,本来用JS+Div做好了吧,ul/ul里不能放层,使用我无法调用分页类,进行datalist分页,于是想到了AJAx控件,听说用起来不错,我就用了,哎本以为用它就可以解决我的问题了,没想到给我带来了更多的麻烦。首先它样式改不了,是我最[详细]
-
JavaScript优化篇:BASE64极速版
所属栏目:[创业] 日期:2018-08-20 热度:145
烈火网(LieHuo.Net)教程 BASE64原理很简单,但要写出一个高效的,尤其是用JS这样高灵活低效率的脚本,还需斟酌一翻。 先看看网上比较流行的版本。首先声明64个常量字符: 这一步大家都一样,也没有更好的方法列出这些字符。但接下来的做法,就大有讲究了。[详细]
-
使用css和javascript实现Tab选项卡
所属栏目:[创业] 日期:2018-08-20 热度:189
烈火网(LieHuo.Net)教程 在前面的教程中,我们曾经讲过一篇《选项卡(Tab)鼠标自动手动切换效果》的文章,在这篇文章中,我们已经介绍了关于类似 IE浏览器 选项卡的三种形式。无独有偶,今天在博客园再次看这样的例子,于是再次转载过来给大家分享,希望各[详细]
-
一个Javascript遮罩层和窗口效果
所属栏目:[创业] 日期:2018-08-20 热度:142
烈火网(LieHuo.Net)教程 本教程描述的是一个 Java script遮罩层和窗口,其实JQuery也有很多这样的插件,觉得这个也不错,所以分享出来!直接看代码: !DOCTYPE html PUBLIC -W3CDTD XHTML 1.0 TransitionalEN http:www.w3.org/TR/xhtml1/DTD/xhtml1-transi[详细]
-
〈html:image〉与〈html:img〉的区别
所属栏目:[创业] 日期:2018-08-16 热度:124
烈火建站学院(LieHuo.Net)HTML教程 近日有朋友在站长问答论坛提到html:image和html:img的区别,其实这个问题很简单,可能很多站长也会在脑子里回放,估计真正去分析和知道的朋友就不太多了,今天烈火建站学院的小编来给大家介绍一下: html:image具有自[详细]
-
实例代码:用html语言显示xml中的数据
所属栏目:[创业] 日期:2018-08-16 热度:200
烈火建站学院(LieHuo.Net)实例代码:用html语言显示xml中的数据。 1.将下面文件存为myfile.dtd 2.然后建立XML文档myfile.xml: 3.建立HTML文档myfile.html[详细]
-
jquery 精美滑动的二级导航菜单,橙色风格
所属栏目:[创业] 日期:2018-08-16 热度:58
烈03火86网(LieHuo73.Net)网页特效教71程 jquery滑动的二级导航菜单,效果不错吧,更像是一个滑动门,不会让你失望的,运行一下看效果。来自cndns.com的一款菜单。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈火特别新增网[详细]
-
带导航标志的纯CSS竖向简洁菜单代码
所属栏目:[创业] 日期:2018-08-16 热度:86
烈38火38网(LieHuo63.Net)教73程 带导航标志的纯CSS竖向简洁菜单代码,简约美观、实用精致。不会用CSs制作菜单的朋友,本例可作为你的终极范例,代码易懂。觉得有用的直接复制代码就可以用了。兼容性也不错,在各大浏览器中表现良好。 演示: !DOCTYPE htm[详细]
-
横向展开菜单(JSON数据源,只兼容IE8)
所属栏目:[创业] 日期:2018-08-16 热度:119
烈45火34网(LieHuo76.Net)教09程 横向展开菜单(JSON数据源,只兼容 IE8 ,buildMenu(容器id,json数据格式,点击处理返回值函数,最后一级是否可点击) 。记得 京东 商城有此类效果,这个虽然简易,不过展现了核心代码,在兼容性方面,可能还有些不足,也希望[详细]
