-
将鼠标移上展开菜单,隐藏伸展的JS菜单代码
所属栏目:[创业] 日期:2018-08-26 热度:139
将鼠标移到文字链接上,向下展开菜单的效果,也可以叫作一个隐藏伸展的JS菜单代码,运用了JS技术,并结合了CSS共同实现的效果。本折叠菜单类似QQ可折叠的好友列表一样,不少人喜欢这种菜单。 演示: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transition[详细]
-
一款带渐入溶解效果的菜单,JS+CSS代码
所属栏目:[创业] 日期:2018-08-26 热度:117
一款基于javascrip+css完成的、带渐入溶解效果的菜单,使用鼠标点击后弹出,在菜单弹出的过程中,可以看到类似溶解的渐显效果。此代码中也带有特别详细的注释,对于学习JS脚本的朋友来说非常不错。 演示: htmlheadstyle!--#iewrap{position:relative;heig[详细]
-
键盘空格键打开侧边菜单:JS快捷键控制网页元素
所属栏目:[创业] 日期:2018-08-26 热度:110
这是一款使用网页脚本 Java Script代码,实现键盘控制网页元素的例子,使用空格键打开侧边菜单!这里的快捷键是可以自己定义的,请参考KeyCode键盘码值查询表。 另外,在本例子当中含有极具详细的JS代码注释,非常方便的学习代码和使用。 看一下演示: htm[详细]
-
黑色纯CSS下拉菜单代码,仅支持Chrome+Firefox
所属栏目:[创业] 日期:2018-08-26 热度:187
今天给大家分享一款黑色风格、纯CSS实现的下拉菜单代码,最大的缺点是不支持 IE浏览器 ,仅支持 Chrome 谷歌浏览器 和 Firefox 火狐浏览器 ,不知道作者是怎么想的,竟然放弃了IE,技术不错的朋友如果有时间修改一下吧,别忘记给烈火网投个稿哦! 顺便说一[详细]
-
网页左上角导航,鼠标点击和经过链接滑出菜单
所属栏目:[创业] 日期:2018-08-26 热度:185
一款位于网页左上角的导航,当鼠标点击和经过链接时,动态滑出菜单,和刚刚给大家介绍的仿QQ停靠窗口的菜单有些类似,由于时间关系,菜单没有美化,如果您打算使用,请自己使用CSS美化一下吧。 示例: !DOCTYPE htmlhtmlheadmeta charset=utf-8 /title左上[详细]
-
CSS bug与技巧之容器高度等小集合
所属栏目:[创业] 日期:2018-08-26 热度:163
关于容器的包涵关系 很多时候,尤其是容器内有平行布局,例如两、三个float的div时,宽度很容易出现问题。在IE中,外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。 关于高度的问题 如果是动态地添加内容,高度最好不要[详细]
-
CSS BUG与技巧之容器不扩展问题
所属栏目:[创业] 日期:2018-08-26 热度:179
容器不扩展问题 这个是经常在我切图的时候遇到的问题,如: !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-26 热度:114
当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-26 热度:108
技术优势: CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。 实现方法: 1、首先将小图片整合到一张大的图片上。 2、然后根据具体图标在大图上的位置,给背景定位。( background-position:-7px -17px; )[详细]
-
一步一步教你实现纯CSS的柱形图
所属栏目:[创业] 日期:2018-08-26 热度:74
烈火网教程 CSS在处理排版之强大,没有做不到,只有想不到。下面我们将一同实现一个柱状图。先打好一个具体的框架。我们利用无序列表做整体,里面的东西我们根本选择内联无素span,strong,em来填充。 ul class=chartliem使命召唤/emspan: /spanstrong35%/[详细]
-
使用Javascript刷新验证码的例子
所属栏目:[创业] 日期:2018-08-26 热度:154
使用 Java script刷新验证码目的是为了页面无刷新情况下重新得到验证码 JS代码: function RefreshCode(obj){ obj.src = obj.src + ?code= + Math.random(); } 调用: img src=CheckCode.aspx alt=验证码 title=看不清?点击换另一张 onclick=RefreshCode(t[详细]
-
点击超链接调用javascript函数的实现
所属栏目:[创业] 日期:2018-08-26 热度:62
点击超链接调用javascript函数,一般人都用a href=javascript:function(); 但这有个缺点,就是点击链接后,页面上的GIF动画将静止。 试看如下代码: img src=http://www.veryhuo.com/images/bbslogo_8831.gif _fcksavedurl=http://www.veryhuo.com/images/[详细]
-
用JavaScript 实现可折叠区域代码
所属栏目:[创业] 日期:2018-08-26 热度:124
烈火网(LieHuo.Net)教程 这是一个非常简单的应用,这个应用在过去几年在网页上创建可折叠区域是非常普遍的。其基本思想就是用CSS的display特性就可以完成。 htmlheadtitle用 Java Script 实现可折叠区域代码-LIEHUO.NET/titlebodydiv style=background-col[详细]
-
JavaScript 调用本地计算机程序的问题
所属栏目:[创业] 日期:2018-08-26 热度:83
烈火网(LieHuo.Net)教程 写了一个.net程序测试,开始是设置环境变量,结果不行,然后拷到C:windows目录,结果就可以了,说明以下问题: 1、如果要自己写一个C#程序,则必须把安装在C盘的Windows目录, 2、点击时会有个是否的提示。就看你是否能忍受了。 3[详细]
-
JS 所传参数为一个函数体的函数调用
所属栏目:[创业] 日期:2018-08-26 热度:177
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-26 热度:59
烈火网(LieHuo.Net)教程 这是一个类似选项卡功能的选择插件,与普通的TAb区别是加入了动画效果,多用于商品类网站,用作商品分类功能,不过其它网站也可以用,点击运行一下你会知道它的奥妙,它用 Java Script模拟出了Flash动画的效果,很贴切。 HEADTITLE[详细]
-
JavaScript打造加载图片时显示进度条效果
所属栏目:[创业] 日期:2018-08-26 热度:81
烈火网(LieHuo.Net)教程 图片加载的 Java Script适时进度条显示代码,图片Loading效果,大家都知道的,这一个可能从0%一直显示到100%,然后加载图片显示出来,测试时候为了看清楚效果,你可以多加载一些图片,张数太少的话,进度会一闪而过,什么也看不到[详细]
-
JavaScript实现网页接收键盘指令的实例
所属栏目:[创业] 日期:2018-08-26 热度:100
烈火网(LieHuo.Net)教程 Java Script接收键盘指令示例,按下键盘上不同的键,程序会跳转到不同的网页,本例中按下B键后,为跳转到烈火网首页,实现按键跳转的功能。 htmlheadtitle请按下键盘上的 B 键,会跳转到烈火网的首页/titleheadbody请按下键盘上的[详细]
-
JavaScript Event学习第七章:事件属性
所属栏目:[创业] 日期:2018-08-26 热度:170
为了理解Event属性,我将在这里给出一些示例代码。在这个范畴内有非常严重的浏览器兼容性问题。 当我们想去读一读关于Event的一些资料时,常常会湮没在大量的属性里面,这些属性其中的大多数不能良好的运行在大多数的浏览器。这里有event的兼容性列表。 我[详细]
-
JavaScript Event学习第六章:事件的访问
所属栏目:[创业] 日期:2018-08-26 热度:161
在这一章我会讲解如何去访问一个事件对象。 现在我们已经注册了事件处理程序,对于事件我们还想更深入的了解。我们想知道事件发生时候的鼠标位置,我们想知道用户按下了哪些键。这些都是可能的,虽然这部分有很多烦人的浏览器兼容性问题。(这里可以快速查[详细]
-
网页左上角滑出的菜单导航,类似QQ的停靠效果
所属栏目:[创业] 日期:2018-08-26 热度:54
悬浮在网页左上角的一个导航,鼠标经过时动态滑出的菜单,当鼠标离开菜单区域时,菜单自动收缩至顶部,有点类似腾讯QQ的窗口停靠效果,尽管菜单比较久远了,但是兼容性和使用价值都还是不错的,推荐学习和研究。 演示: !DOCTYPE htmlhtmlheadmeta charset[详细]
-
基于JS+Table表格的静态竖直导航菜单代码
所属栏目:[创业] 日期:2018-08-26 热度:161
基于JS+Table表格的静态竖直导航菜单代码,一眼看上去给人的感觉肯定是用了div+css,但是您只要看一下源代码就明白了,里明明使用的是Table表格技术,怎么样,有兴趣的话自己试试去吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//[详细]
-
滑动式的选项卡演示代码:Easy Tabs示例
所属栏目:[创业] 日期:2018-08-26 热度:160
一款滑动式的选项卡演示代码,类似于之前我们据说的滑动门,作者给它取名为:Easy Tabs,看上去还是比较最简单的选项卡样式,来自国外网站,没有汉化,界面为英文,稍带点动画的感觉,实际运用的价值不是太大,仅供大家参考和学习。 演示: !DOCTYPE htmlh[详细]
-
一款自适应文字内容宽度的Tab标签导航
所属栏目:[创业] 日期:2018-08-26 热度:57
一款自适应文字内容宽度的Tab标签导航,也就是我们平时所说的选项卡效果,与之前烈火网发布的选项卡代码不同,这款选项卡的选项宽度是可以自适应文字的,并且作者加上了背景,这样就使得UI更加漂亮了。 示例: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01[详细]
-
JavaScript+Css桔红色风格网页选项卡代码
所属栏目:[创业] 日期:2018-08-26 热度:76
一款基于 Java Script+Css实现的网页选项卡代码,设计的样式为桔红色风格,看上去非常整洁,鼠标点击后选项卡切换,并非鼠标滑过即切换(滑动门菜单),兼容性相当不错,分享给大家,希望大家喜欢。 示例代码: htmlheadmeta http-equiv=Content-Type cont[详细]