-
带缓冲下拉式效果的折叠菜单,JS+Css代码
所属栏目:[创业] 日期:2018-08-26 热度:150
一个带缓冲下拉式效果的折叠菜单,没有使用图片,完全由 Java Script+Css代码编写完成,淡绿色的风格,UI还是挺不错的。 使用方法:调用效果: Effect(1,2); 其中1为: 被改变对象的id 其中2为: 控制容器的id 可在使用: this.parentNode.id 取得(父标签的id)[详细]
-
一个JS三级树形菜单,折叠目录树的代码
所属栏目:[创业] 日期:2018-08-26 热度:72
一个JS三级树形菜单,折叠目录树的代码,您一眼看上去的感觉肯定是风格很一般!是的,您的眼光太好了,这是很久以前的一个树形菜单的实例,烈火网编辑费尽周折才找到所有的资源(包括小图片),尽管没有实用价值,但是学习一下还是不错的。 示例: !DOCTYP[详细]
-
一个JS原生Tab网页选项卡代码
所属栏目:[创业] 日期:2018-08-26 热度:87
一个来自国外网站的JS原生Tab网页选项卡代码,由于时间关系只是把代码整理出来了,一没有美化,二没有汉化,其实也不用汉化的,如果你打算用这个代码的话,只要把其中的菜单选项改为自己想要的汉字就可以了。 示例: !DOCTYPE HTML PUBLIC -//W3C//DTD HTM[详细]
-
黑色风格的下拉菜单代码,位于网页右上顶部
所属栏目:[创业] 日期:2018-08-26 热度:183
黑色风格的下拉菜单代码,位于网页右上顶部。可以下拉,但貌似在 IE8 下有些小问题,火狐及其它浏览器则没事,这种风格以前在微软的官方网站见到过,完美一下,还是挺不错的菜单。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ht[详细]
-
JS实现全国省市(县)二级联动下拉菜单代码
所属栏目:[创业] 日期:2018-08-26 热度:123
本文给大家介绍的是基于 Java Script实现的全国省市(县)二级联动下拉菜单代码,这在网页上比较常见,全国省份与城市级联菜单,采用Select下拉的方式选择数据,很可惜只有两级联动,如果您想寻找三级联动的菜单,请看烈火小编给您推荐的文章: ASP三级联动[详细]
-
css代码实现鼠标指向图片翻转效果
所属栏目:[创业] 日期:2018-08-26 热度:127
烈火网(Liehuo.Net)教程 今天有读者询问制作鼠标经过时切换图片的效果,这种效果也称为翻转效果(roll-over)。原来这种效果大多使用 Java script实现,实际上用CSS可以非常方便地制作出来的。 这里给出一个最简单的效果,在深入的复杂效果变化就非常多了,[详细]
-
CSS兼容浏览器的问题大全整理
所属栏目:[创业] 日期:2018-08-26 热度:153
烈火网(Liehuo.Net)教程 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的[详细]
-
CSS.JS文件发布机制的思考
所属栏目:[创业] 日期:2018-08-26 热度:169
烈火网(Liehuo.Net)教程 在开发过程中,有时遇到由于缓存问题导致页面不能及时更新,有时页面引入了不必需的样式脚本文件,有时由于文件太多,字节过大导致页面的性能缓慢,为了解决这些问题,个人设想了一个初步的解决方案。 解决方案如下: 代码在开发中[详细]
-
解决location.hash跨域iframe自适应问题
所属栏目:[创业] 日期:2018-08-26 热度:53
页面域关系: 主页面a.html所属域A:www.taobao.com 被iframe的页面b.html所属域B:www.alimama.com,假设地址:http://www.alimama.com/b.html 实现效果: A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且[详细]
-
技巧:css列的高度自适应控制
所属栏目:[创业] 日期:2018-08-26 热度:59
越来越多的站长加入到互联网的队伍,随着网页w3c标准的逐渐普及,css早已替代古老的表格式网页,烈火网为广大网友精心准备了许多关于CSS的教程,今天我们就来学习一下关于列的控制: 在上文中,我们都已经注明了关于CSS的使用,欢迎大家继续关注烈火网[详细]
-
实例:CSS hacks实现跨浏览器多列布局
所属栏目:[创业] 日期:2018-08-26 热度:87
烈火网(LieHuo.Net)网页制作 利用纯CSS创建一个等高多列的布局并不件易事,本教程将着重分析出现在多列布局的多个问题,然后为大家等来一个简单全浏览器通吃的解决方法,不使用图片,脚本,CSS hacks并在最严格的XHTML 规范中都能通过验证。 问题的症结所[详细]
-
XHTML2正式死亡 HTML5成为新宠儿
所属栏目:[创业] 日期:2018-08-26 热度:97
烈火网(LieHuo.Net)讯 W3C 日前宣布将从2009年底起终止同 XHTML 2 工作组的合约,并以此暗示曾经一度野心勃勃的 XHTML 2 的正式死亡。Web 设计界是否该因此而恐慌?毕竟 XHTML 1.x 是所有对 Web 标准验证有着某种情节的人的首选,然而事实并非如此,XHTML 2[详细]
-
CSS样式制作的漂亮WEB横向导航菜单
所属栏目:[创业] 日期:2018-08-26 热度:196
烈火网(LieHuo.Net)网页制作教程 欢迎大家一起来继续学习关于CSS的教程,本文主要以CSS样式为实例,制作了一款非常漂亮的网站导航菜单,代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-[详细]
-
CSS:左右布局,右侧根据左侧宽度自适应
所属栏目:[创业] 日期:2018-08-26 热度:189
先看效果图: 图一:左右布局,左侧宽度固定,右侧自适应剩余宽度 图二:左侧宽度为0px,右侧内容自适应100% 下面是例子的HTML和CSS布局代码 下面是css代码:[详细]
-
Web开发之CSS和Table布局的争论
所属栏目:[创业] 日期:2018-08-26 热度:144
烈火建站学院(LieHuo.Net)讯 最近网上再度兴起了CSS布局和Table 布局的争论。我最初颇有些不以为然:我原以为CSS 布局的意义早已深入人心,却没想到还有这么多设计师及开发人员持有异议。 静下心来看罢大家的讨论,一番细想,觉得原因可能有两个方面: 一[详细]
-
JavaScript Event学习第五章:高级事件注册模型
所属栏目:[创业] 日期:2018-08-26 热度:99
在这一章我会讲解两种高级时间注册模型:W3C和微软的。因为这两个方法都不能跨浏览器,所以在现在看来他们的使用场合并不多。 W3C和微软都着力于发展自己的事件注册模型来取代Netscape的传统模型。虽然对于微软的模型我不是很感冒,但是w3c的还是不错的,除[详细]
-
JavaScript Event学习第四章:传统的事件注册模型
所属栏目:[创业] 日期:2018-08-26 热度:63
在这一章我会讲解给元素注册事件的最好的一种办法,那就是:确保一个特定的事件在特定的HTML元素上发生并且能运行特定的脚本。 在最古老的 Java Script浏览器里注册事件只能通过内联模式。自从DHTML从根本上改变了你操作页面的方法,事件的注册就必须有扩展[详细]
-
JavaScript Event学习第三章:早期的事件处理程序
所属栏目:[创业] 日期:2018-08-26 热度:172
在这一章我会谈到一些最古老的添加事件处理程序的方法,这些方法甚至被第二代浏览器所支持。 这些古老的浏览器只支持一种注册事件处理程序的方法,这个方法是Netscape发明的。因为Netscape先发制人,所以如果微软也想做支持 Java Script事件的浏览器就得跟[详细]
-
JavaScript Event学习第二章:Event
所属栏目:[创业] 日期:2018-08-26 热度:115
在这一章我将对重要的事件做一个概述,包括一些流行的浏览器的兼容性问题。 在这里提出的事件,当他们发生在一个确定的HTML元素上的时候,他们的名字能够被大多数的浏览器所识别。也就是说,浏览器会查找你为这个HTML元素所注册的事件处理程序的脚本,而且[详细]
-
JavaScript Event学习第一章:Event介绍
所属栏目:[创业] 日期:2018-08-26 热度:58
Events是每一个 Java Script程序核心。什么是事件处理,它有什么问题和怎样写出跨浏览器的代码,我将在这一章做一个概述。我也会提供一些有精彩的关于事件处理程序的细节的文章。 没有event就没有脚本。可以看看任何有JavaScript代码的网页:几乎所有的例[详细]
-
JavaScript读取元素的CSS信息
所属栏目:[创业] 日期:2018-08-26 热度:61
在前端开发的工作中,总是会涉及到一些 Java Script和CSS信息交互的内容。比如为某个HTML元素级联了一组样式信息,其中width属性的值为80px。然后调用脚本读取这个值,得到的结果总是一个空字符串,而事实上我想得到80px。针对这种情况,David Flanagan在[详细]
-
JavaScript函数获取鼠标坐标的代码
所属栏目:[创业] 日期:2018-08-26 热度:193
下午想做个鼠标跟随的JS脚本,发现浏览器兼容问题还真是烦人,还有滚动条位置的问题。 还好网上什么都有,上网找了一个浏览器兼容性最佳的函数,经测试兼容IE、FireFox、 Chrome ,并且不会有滚动条误差问题,存档下,以备后用 :) Copy to Clipboard 引用[详细]
-
JavaScript函数获取元素位置坐标的代码
所属栏目:[创业] 日期:2018-08-26 热度:63
这是一个获取元素位置坐标的JS函数,分享给大家,更多JavaScript,请访问烈火网中文手册:http://www.veryhuo.com/a/manual/jscript/ Copy to Clipboard 引用的内容:[www.veryhuo.com]function elementLeft(e){ var offset = e.offsetLeft; if(e.offsetPa[详细]
-
JavaScript如何实现重载?
所属栏目:[创业] 日期:2018-08-26 热度:122
ECMAScript中的函数不能重载.但可以用相同的名字在一个作用域中定义两个函数而不会引发错误,但真正使用的是最后一个函数. Copy to Clipboard 引用的内容:[www.veryhuo.com]function doAdd(iNum) { alert(iNum+100); } function doAdd(iNum) { alert(iNum+[详细]
-
JS 判断 iframe 是否加载完成的代码
所属栏目:[创业] 日期:2018-08-26 热度:77
一般来说,我们判断 iframe 是否加载完成其实与 判断 Java Script 文件是否加载完成 采用的方法很类似: Copy to Clipboard 引用的内容:[www.veryhuo.com]var iframe = document.createElement(iframe); iframe.src = http://www.veryhuo.com; if (!/*@cc[详细]