-
左侧竖直导航,鼠标滑过横向显示二级菜单
所属栏目:[创业] 日期:2018-09-08 热度:181
一款适合放在网页左侧的竖直导航,鼠标滑过时横向显示二级菜单,应该是可以扩展三级菜单的,但是作者并没有这么做,有技术的朋友不妨试一下,另外这款菜单的诞生时间估计比较早, Java Scrtipt代码比较冗长,不过渐显效果还是挺不错的哦,需不需要用,您自[详细]
-
响应鼠标滑动变换的JS菜单,有点像滑动门
所属栏目:[创业] 日期:2018-09-08 热度:177
响应鼠标滑动变换的JS菜单,有点像滑动门。由原来的一款自动TAB修改而成的,有需要的就拿去台,代码内有几个JS函数,分别用来控制TAB的自动切换。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN html xmlns=http://www.w3.org/1999[详细]
-
纯Css下拉菜单代码 蓝色风格
所属栏目:[创业] 日期:2018-09-08 热度:200
纯Css下拉菜单代码,蓝色风格,这是一款超简洁但很实用的纯CSS下拉菜单代码,最多支持二级,不过对于一般性的网站,已经够用了,本代码更重要的是让CSS爱好者学会以一种下拉菜单的编写思路,从而更好的实现更多级的的导航菜单。 示例: !DOCTYPE html PUBL[详细]
-
标签式、tab选项卡式竖直菜单代码,点击切换
所属栏目:[创业] 日期:2018-09-08 热度:122
平时,我们见到的菜单导航大多数是横向的,今天来瞧一个比较特殊的,这个菜单是纵向的,也就是竖直菜单,其特点为是:标签式、tab选项卡式,当我们用鼠标点击时,菜单选项切换! 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http[详细]
-
jQuery动态的Tab滑动门菜单代码,来自MSN中文网站
所属栏目:[创业] 日期:2018-09-08 热度:189
jQuery 动态的Tab滑动门菜单代码,来自MSN中文网站。利用jQuery实现的效果,代码很巧妙,就是利用一个绝对定位的层来实现移动效果,但是体验度大幅提升了。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示[详细]
-
炫酷的jQuery菜单代码,响应鼠标动态下拉
所属栏目:[创业] 日期:2018-09-08 热度:183
炫酷的 jQuery 菜单代码,响应鼠标动态下拉,比较大块的jquery菜单,带点动画效果的菜单,有弹性效果,兼容性不错。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特效 运行演示: !DOCT[详细]
-
简洁蓝色的折叠菜单,适于网站后台左侧使用
所属栏目:[创业] 日期:2018-09-08 热度:123
一个简洁、蓝色风格的折叠菜单,一眼看上去就很适于网站后台管理菜单,尤其适用于左侧使用,比较熟悉CMS的朋友都明白,例如:DEDECMS、科汛CMS等都是这样的折叠、收缩式管理菜单,如果你喜欢就拿去用吧! 示例代码: htmlheadtitle简洁蓝色的折叠菜单,适[详细]
-
Tab选项卡代码,鼠标点击链接切换效果
所属栏目:[创业] 日期:2018-09-08 热度:86
Tab选项卡代码,鼠标点击链接切换效果。由于自己对JS不是太精通,因此写了好长时间才实现的Tab选项卡的效果,自认为兼容性超好的,希望高手不要拍砖呀!代码内预留了图片修饰的空位,自己做图片,把地址改下就行了。 示例: htmlheadmeta http-equiv=Conte[详细]
-
Tab滑动门效果,简洁灰色风格的代码
所属栏目:[创业] 日期:2018-09-08 热度:126
Tab滑动门效果,简洁灰色风格的代码,和选项卡基本是一样的原理,只不过改变了一下JS的函数,在鼠标滑动TAB时更换内容,这就是滑动门的原理,onmouseClick改变为onmouseover,其实也就是将选项卡变为了滑动门。 示例: htmlheadmeta http-equiv=Content-Ty[详细]
-
innerHTML与innerText及outerHTML的用法区别
所属栏目:[创业] 日期:2018-09-07 热度:177
用法: div id=test span style=color:redtest1/span test2 /div 在 JS中可以使用: test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 上例中的test.innerHTML的值也就是span style=color:redtest1 /span test2 。 test.innerTe[详细]
-
WEB开发中被忽视的DOCTYPE
所属栏目:[创业] 日期:2018-09-07 热度:107
自己在做web开发的时候,往往着重于界面设计及数据逻辑上的处理,而对一些细节不是特别注意。 doctype就是其中一个: !DOCTYPE HTML PUBLIC -//W3C//DTD XHTML 1.1//EN http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd 1.doctype是什么 doctype标签 用来指定d[详细]
-
doctype的markup validation
所属栏目:[创业] 日期:2018-09-07 热度:167
本文作者:虚度人生 博客:http://www.cnblogs.com/nozer0/ 之前谈过doctype的问题,被忽视的DOCTYPE,最末说了提倡使用!DOCTYPE HTML,最简洁明了且是标准模式。 但是最近发现使用这种方式会产生问题,见代码: !DOCTYPE HTMLhtmlheadtitletest page/titl[详细]
-
CSS 使图片变灰的实例
所属栏目:[创业] 日期:2018-09-07 热度:113
最近项目中遇到个问题,就是要使图片变灰。我想了几种解决方案。 1 一种是图片之间的替换,也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了, 但是就要花费时间去做多余的那些图片了。应该算是比较费事的那种,程序员嘛,都比较懒, 喜欢让计算[详细]
-
javascript获取url网址链接中参数的实例
所属栏目:[创业] 日期:2018-09-07 热度:169
今天有朋友在站长群中咨询如何获取网址url中参数值的问题,在网页设计中,有时我们需要在客户端获取链接参数,一个常见的方法是将链接当做字符串,按照链接的格式分解,然后获取对应的参数值。烈火给出的就是这个流程的具体实现方法。 当然,我们也可以用正[详细]
-
利用跨域资源共享(CORS)实现ajax跨域调用
所属栏目:[创业] 日期:2018-09-07 热度:189
几年前,网站开发者都因为ajax的同源策略而撞了南墙。当我们惊叹于XMLHttpRequest对象跨浏览器支持所带来的巨大进步时,我们很快发现没有一个方法可以使我们用 Java Script实现请求跨域访问,对此我们哀叹不已。每个人在他们自己的网站上建立代理(which w[详细]
-
javascript 判断ie与非ie浏览器的几种方法
所属栏目:[创业] 日期:2018-09-07 热度:76
前几天在网上看到一个技术牛人写的世界上判断是否 IE浏览器 之最短的js代码,如下: 怎么样,强悍吧。今天在博客园又看到一位朋友总结了其它一些判断方法(实例代码),于是烈火把这些教程转载给大家,期待对您有所帮助: 其实有很多判断的方法,大都是根[详细]
-
select 控制网页内容隐藏和显示
所属栏目:[创业] 日期:2018-09-07 热度:177
select 控制网页内容隐藏和显示 script function setChange() { if (document.f.selfs.value == 1) { document.all.tb1.style.display = block; } else { document.all.tb1.style.display = none; } if (document.f.selfs.value == 2) { document.all.tb2.[详细]
-
CSS3多功能图文混排下拉菜单,有缓冲效果
所属栏目:[创业] 日期:2018-09-06 热度:103
CSS3多功能图文混排下拉菜单,有缓冲效果,一款比较灵活的国外菜单导航代码,菜单内可设计更复杂的文字和图片,图文结合,一些大网站,特别是国外的网站常见到这种风格的CSS菜单。里面有一些预留的图片修饰代码,若有需要,自己加吧。 示例: !DOCTYPE html[详细]
-
蓝色风格立体感的导航菜单,响应鼠标,带new功能
所属栏目:[创业] 日期:2018-09-06 热度:169
一款CSS结合图片完成的蓝色风格立体感的导航菜单,响应鼠标显示hover效果,还带有最近比较流行的new小图标功能,该菜单仿自威客中国的导航菜单,大家可以看看下边的演示效果。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:/[详细]
-
橙色个性的导航菜单代码,适合团购网站使用
所属栏目:[创业] 日期:2018-09-06 热度:160
橙色个性的导航菜单代码,适合 团购 网站使用,没有使用 Java script技术,完全CSS代码实现,当初主要是想用在团购网站上,大家修改一下,可以用在各种各样的网站上。菜单两头的那个布局或许是你要研究的重要吧。 示例: !DOCTYPE html PUBLIC -//W3C//DTD[详细]
-
动态的网页Tab选项卡,点击链接弹出层效果
所属栏目:[创业] 日期:2018-09-06 热度:156
一个动态效果的网页选项卡,基于 jQuery 框架,点击链接旁边弹出层,在最开始的弹出瞬间,选项卡的卡片是动画展开的,依次点击其它的会随时显示对应内容。扩展性较强,灵活运用,会改造成其它的实用效果来。 为解决一些网页特效运行后不能显示效果(例如:[详细]
-
纯DIV+CSS实现的下拉导航菜单代码
所属栏目:[创业] 日期:2018-09-06 热度:155
又一款纯CSS+Div实现的下拉导航菜单,兼容性未测试完,在 IE8 下貌似完全正常,其它浏览器下不知道情况,想用的朋友自己测试下。本款CSS菜单没有用到修饰图片,纯CSS代码实现,便于修改风格。兼容性方面可以使用CSS Hack来实现兼容性修复。 示例: !DOCTYP[详细]
-
隐藏 a 和 BUTTON 的焦点虚线框
所属栏目:[创业] 日期:2018-09-05 热度:55
默认情况下, 在按下 A/ 和 BUTTON/ IE 和 FF 都会出现虚线框 可有很多时候, 这影响了我们页面的统一风格, 所以, 我们要把这虚线框去掉... 也许, 有很多人都在用 this.blur(), 来让对象失去焦点: a href=# onclick=this.blur(); return false; / //注:href有[详细]
-
置换元素在IE浏览器中的疑难杂症
所属栏目:[创业] 日期:2018-09-05 热度:156
置换元素在 IE 浏览器中有不少问题,比方说置换元素的行高就是其中难题之一,当然还有 form 元素 textarea 的边距继承 bug,OK,今天再介绍几个,凑满一箩筐。 置换元素与A标签 场景: IE6,A标签内的图片(置换元素),默认隐藏,hover显示 html: a href=[详细]
-
display属性的一点理解 css教程
所属栏目:[创业] 日期:2018-09-05 热度:142
这个属性用于定义建立布局时元素生成的显示框类型。 先讲讲它的语法,这是从w3school里摘录下来的: 语法: display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-colum[详细]
