-
JS+CSS简洁的二级下拉菜单代码,兼容性不错
所属栏目:[创业] 日期:2018-09-01 热度:84
JS+CSS简洁的二级下拉菜单代码,经测试,兼容性不错,推荐大家参考学习。如果您想实际运用到自己的网站中,可能要进行一些修改,比如CSS字体大小和颜色等,当然这需要您有一定的HTML知识。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type cont[详细]
-
jQuery多级折叠(树形)菜单,动态展开和收缩
所属栏目:[创业] 日期:2018-09-01 热度:177
jQuery 多级折叠(树形)菜单,动态展开和收缩。所有的元素以ul li ul li ul li的循环格式嵌套 如果没有下级分类 就用li a结束嵌套,代码内不用toggle()的原因是为了在收缩菜单的时候同时也将该菜单的下级菜单以后的所有元素都隐藏。 为解决一些网页特效运行[详细]
-
纯CSS三级菜单,兼容IE6横向、下拉级联代码
所属栏目:[创业] 日期:2018-09-01 热度:106
纯CSS三级菜单,兼容IE6横向、下拉级联代码,鼠标放在主菜单对应菜单项上,会向下展开二级菜单,二级菜单会继续展开第三级的子菜单,菜单没有过多的美化,如果你要使用的话,可以自己继续美化吧。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tran[详细]
-
一款普通的Tab网页选项卡切换,js+css代码
所属栏目:[创业] 日期:2018-09-01 热度:149
一款普通的Tab网页选项卡切换,js+css代码。也可以叫做标签式导航栏,点击后更换对应的内容,而并非是鼠标滑过就改变内容,网页上经常见到的一种导航形式。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xht[详细]
-
CSS bug与技巧之容器高度等小集合
所属栏目:[创业] 日期:2018-08-28 热度:69
关于容器的包涵关系 很多时候,尤其是容器内有平行布局,例如两、三个float的div时,宽度很容易出现问题。在IE中,外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。 关于高度的问题 如果是动态地添加内容,高度最好不要[详细]
-
CSS BUG与技巧之容器不扩展问题
所属栏目:[创业] 日期:2018-08-28 热度:192
容器不扩展问题 这个是经常在我切图的时候遇到的问题,如: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadFCK:meta http-equiv=Con[详细]
-
CSS教程:Float菜单水平居中的实现方法
所属栏目:[创业] 日期:2018-08-28 热度:170
当HTML元素CSS属性float之后,很难让整体菜单水平居中,可是,我们会想办法来解决这个问题。 我们先写HTML代码,可以看出,跟一般的菜单没有区别。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-[详细]
-
CSS Sprites 图片整合技术的实现方法
所属栏目:[创业] 日期:2018-08-27 热度:78
技术优势: CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。 实现方法: 1、首先将小图片整合到一张大的图片上。 2、然后根据具体图标在大图上的位置,给背景定位。( background-position:-7px -17px; )[详细]
-
一步一步教你实现纯CSS的柱形图
所属栏目:[创业] 日期:2018-08-27 热度:75
烈火网教程 CSS在处理排版之强大,没有做不到,只有想不到。下面我们将一同实现一个柱状图。先打好一个具体的框架。我们利用无序列表做整体,里面的东西我们根本选择内联无素span,strong,em来填充。 ul class=chartliem使命召唤/emspan: /spanstrong35%/[详细]
-
css代码实现鼠标指向图片翻转效果
所属栏目:[创业] 日期:2018-08-27 热度:171
烈火网(Liehuo.Net)教程 今天有读者询问制作鼠标经过时切换图片的效果,这种效果也称为翻转效果(roll-over)。原来这种效果大多使用 Java script实现,实际上用CSS可以非常方便地制作出来的。 这里给出一个最简单的效果,在深入的复杂效果变化就非常多了,[详细]
-
CSS兼容浏览器的问题大全整理
所属栏目:[创业] 日期:2018-08-27 热度:63
烈火网(Liehuo.Net)教程 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的[详细]
-
CSS.JS文件发布机制的思考
所属栏目:[创业] 日期:2018-08-27 热度:98
烈火网(Liehuo.Net)教程 在开发过程中,有时遇到由于缓存问题导致页面不能及时更新,有时页面引入了不必需的样式脚本文件,有时由于文件太多,字节过大导致页面的性能缓慢,为了解决这些问题,个人设想了一个初步的解决方案。 解决方案如下: 代码在开发中[详细]
-
解决location.hash跨域iframe自适应问题
所属栏目:[创业] 日期:2018-08-27 热度:143
页面域关系: 主页面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-27 热度:78
越来越多的站长加入到互联网的队伍,随着网页w3c标准的逐渐普及,css早已替代古老的表格式网页,烈火网为广大网友精心准备了许多关于CSS的教程,今天我们就来学习一下关于列的控制: 在上文中,我们都已经注明了关于CSS的使用,欢迎大家继续关注烈火网[详细]
-
JS 所传参数为一个函数体的函数调用
所属栏目:[创业] 日期:2018-08-27 热度:71
2.js 调用1.js中的函数 所传参数为一个函数体 js文件1.js //委托方法 var My_METHOD = null; function fn_ShowConfirmMsg(myFun) { My_METHOD = myFun; if(My_METHOD!=null){ My_METHOD(); } alert('go on other code'); } js文件2.js function fn_AlertMyF[详细]
-
CSS+Javascript打造带动画效果的选项卡
所属栏目:[创业] 日期:2018-08-27 热度:141
烈火网(LieHuo.Net)教程 这是一个类似选项卡功能的选择插件,与普通的TAb区别是加入了动画效果,多用于商品类网站,用作商品分类功能,不过其它网站也可以用,点击运行一下你会知道它的奥妙,它用 Java Script模拟出了Flash动画的效果,很贴切。 HEADTITLE[详细]
-
JavaScript打造加载图片时显示进度条效果
所属栏目:[创业] 日期:2018-08-27 热度:59
烈火网(LieHuo.Net)教程 图片加载的 Java Script适时进度条显示代码,图片Loading效果,大家都知道的,这一个可能从0%一直显示到100%,然后加载图片显示出来,测试时候为了看清楚效果,你可以多加载一些图片,张数太少的话,进度会一闪而过,什么也看不到[详细]
-
JavaScript实现网页接收键盘指令的实例
所属栏目:[创业] 日期:2018-08-27 热度:56
烈火网(LieHuo.Net)教程 Java Script接收键盘指令示例,按下键盘上不同的键,程序会跳转到不同的网页,本例中按下B键后,为跳转到烈火网首页,实现按键跳转的功能。 htmlheadtitle请按下键盘上的 B 键,会跳转到烈火网的首页/titleheadbody请按下键盘上的[详细]
-
JavaScript Event学习第七章:事件属性
所属栏目:[创业] 日期:2018-08-27 热度:96
为了理解Event属性,我将在这里给出一些示例代码。在这个范畴内有非常严重的浏览器兼容性问题。 当我们想去读一读关于Event的一些资料时,常常会湮没在大量的属性里面,这些属性其中的大多数不能良好的运行在大多数的浏览器。这里有event的兼容性列表。 我[详细]
-
JavaScript Event学习第六章:事件的访问
所属栏目:[创业] 日期:2018-08-27 热度:142
在这一章我会讲解如何去访问一个事件对象。 现在我们已经注册了事件处理程序,对于事件我们还想更深入的了解。我们想知道事件发生时候的鼠标位置,我们想知道用户按下了哪些键。这些都是可能的,虽然这部分有很多烦人的浏览器兼容性问题。(这里可以快速查[详细]
-
JavaScript Event学习第五章:高级事件注册模型
所属栏目:[创业] 日期:2018-08-27 热度:125
在这一章我会讲解两种高级时间注册模型:W3C和微软的。因为这两个方法都不能跨浏览器,所以在现在看来他们的使用场合并不多。 W3C和微软都着力于发展自己的事件注册模型来取代Netscape的传统模型。虽然对于微软的模型我不是很感冒,但是w3c的还是不错的,除[详细]
-
JavaScript Event学习第四章:传统的事件注册模型
所属栏目:[创业] 日期:2018-08-27 热度:65
在这一章我会讲解给元素注册事件的最好的一种办法,那就是:确保一个特定的事件在特定的HTML元素上发生并且能运行特定的脚本。 在最古老的 Java Script浏览器里注册事件只能通过内联模式。自从DHTML从根本上改变了你操作页面的方法,事件的注册就必须有扩展[详细]
-
JavaScript Event学习第三章:早期的事件处理程序
所属栏目:[创业] 日期:2018-08-27 热度:139
在这一章我会谈到一些最古老的添加事件处理程序的方法,这些方法甚至被第二代浏览器所支持。 这些古老的浏览器只支持一种注册事件处理程序的方法,这个方法是Netscape发明的。因为Netscape先发制人,所以如果微软也想做支持 Java Script事件的浏览器就得跟[详细]
-
JavaScript Event学习第二章:Event
所属栏目:[创业] 日期:2018-08-27 热度:191
在这一章我将对重要的事件做一个概述,包括一些流行的浏览器的兼容性问题。 在这里提出的事件,当他们发生在一个确定的HTML元素上的时候,他们的名字能够被大多数的浏览器所识别。也就是说,浏览器会查找你为这个HTML元素所注册的事件处理程序的脚本,而且[详细]
-
CSS+图片完成清爽绿色网站下拉菜单
所属栏目:[创业] 日期:2018-08-27 热度:199
说到下拉菜单大家就会想到js脚本,一般的下拉菜单都需要基于javascript脚本才能实现,而本次提供给大家的则一个纯css+几个简单图片完成的清爽、绿色、大气的下拉菜单,适于任意网站使用 PS:图片就用了三个,有的同学不会把代码弄到自己网站上,您只要把图[详细]
