-
JS文件树目录、树形菜单、折叠目录树代码
所属栏目:[创业] 日期:2018-08-28 热度:115
一个比较粗糙的树形菜单,又叫目录树,基于javascript+CSS+图片完成,直接点击文字或文字前边的+号都可以展开菜单,再次点击又会收拢菜单,一般用于开发手册之类的左侧目录导航使用。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadtit[详细]
-
jQuery菜单选中代码,响应鼠标背景变色效果
所属栏目:[创业] 日期:2018-08-28 热度:65
基于 jQuery 实现的纵向菜单导航,当我们用鼠标滑过时,菜单的背景会变色,这里是利用了超链接的Hover属性,与普通菜单有所不同的是,当我们用鼠标点击其中一个菜单项,则会被出现类似windows系统当中的选中效果。 为解决一些网页特效运行后不能显示效果([详细]
-
JS简陋的下拉菜单代码,使用DW8制作的效果
所属栏目:[创业] 日期:2018-08-28 热度:142
使用Dreamweaver制作的一款下拉菜单,看上比较丑,只是为了实现这种效果,并没有美化,用DW制作网页的朋友或许这个菜单制作技巧你可以借鉴一下,鼠标放上会显示二级子菜单,不过菜单的结构不是CSS,呵,比较老的表格嵌套,不过花一些时间还是可以改为Div的[详细]
-
JS+CSS简洁的二级下拉菜单代码,兼容性不错
所属栏目:[创业] 日期:2018-08-28 热度:140
JS+CSS简洁的二级下拉菜单代码,经测试,兼容性不错,推荐大家参考学习。如果您想实际运用到自己的网站中,可能要进行一些修改,比如CSS字体大小和颜色等,当然这需要您有一定的HTML知识。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type cont[详细]
-
jQuery多级折叠(树形)菜单,动态展开和收缩
所属栏目:[创业] 日期:2018-08-28 热度:129
jQuery 多级折叠(树形)菜单,动态展开和收缩。所有的元素以ul li ul li ul li的循环格式嵌套 如果没有下级分类 就用li a结束嵌套,代码内不用toggle()的原因是为了在收缩菜单的时候同时也将该菜单的下级菜单以后的所有元素都隐藏。 为解决一些网页特效运行[详细]
-
Css 优先级问题分析
所属栏目:[创业] 日期:2018-08-27 热度:55
css优先级的四大原则: 原则一: 继承不如指定 如果某样式是继承来的永远不如具体指定的优先级高。 例子1: CODE: style type=text/css !-- *{font-size:20px} .class3{ font-size: 12px; } -- /style span class=class3我是多大字号?/span 运行结果:.cla[详细]
-
CSS实现鼠标移上去显示大图效果
所属栏目:[创业] 日期:2018-08-27 热度:123
--------------------------------------------------css部分----------------------------------- #demo{overflow:hidden;;text-align:center;padding:10px;} #demo img{border:none;border:5px solid #f4f4f4} #enlarge_images{position:absolute;displa[详细]
-
CSS 的重用性写法探索
所属栏目:[创业] 日期:2018-08-27 热度:131
在css的构建过程中,我们经常会定义某种属性,而这些属性又在多处使用。如字体的大小,颜色等。那么我们怎么样才可以最大限度的重用呢? 本讨论中,列举使用这两个属性(字体大小,颜色)的例子。如我们需要定义一段红色,字体大小为14px的段落。 通常可以[详细]
-
Google wave 的层阴影制作方法(css+图片)
所属栏目:[创业] 日期:2018-08-27 热度:190
前几天收到了一个google wave的邀请,说实话我对这个东西没啥兴趣,没时间去研究他到底是干什么的,但是作为一个前端,还是应该关心一下这些东西的,于是看了一下这玩意,看到第一眼嚼的好经验,我立即好奇起来,这种阴影好神奇啊,是咋做出来的呢,我去网上搜了一通,[详细]
-
CSS使用标签来创建导航菜单(滑动门教程)
所属栏目:[创业] 日期:2018-08-27 热度:197
利用标签来创建导航菜单,是一个比较流行的方法.那就跟木木一起来学一下如何使用标签来创一个导航菜单. 效果图: HTML和CSS代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w[详细]
-
JS无提示关闭浏览器窗口 不弹出确认
所属栏目:[创业] 日期:2018-08-27 热度:119
如果网页不是通过脚本程序打开的(window.open()),调用window.close()脚本关闭窗口前,必须先将window.opener对象置为null,否则浏览器(IE7、 IE8 )会弹出一个确定关闭的对话框。 Copy to Clipboard 引用的内容:[www.veryhuo.com]script language=jav[详细]
-
JavaScript Document对象内容集合
所属栏目:[创业] 日期:2018-08-27 热度:151
document 文挡对象 - Java Script脚本语言描述 注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写 否则会提示你一个错误信息 引用的元素为空或者不是对象\ 对象属性 document.title //设置文档标题等价于HTML的title标签 document.bgColo[详细]
-
JavaScript 三种编解码方式的使用
所属栏目:[创业] 日期:2018-08-27 热度:152
js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent 1、 传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。 例如:script language=javascriptdocu[详细]
-
Javascript中关键字this的介绍与实例
所属栏目:[创业] 日期:2018-08-27 热度:55
在javascript中关键字this是一个很难掌握的概念。它在不同的情况下指代不同的对象。下面就来看看,在 Java Script中各种this的使用方法有什么不同之处? 1、在HTML元素事件属性中inline方式使用this关键字: div onclick=method(this)element/div 这里的th[详细]
-
精美带箭头的扩展式网页Tab选项卡,来自百度风云榜
所属栏目:[创业] 日期:2018-08-27 热度:81
百度风云榜,对于各位站长来说并不陌生吧?今天我们看一款来自百度的设计作品,把风云榜上的网页选项卡代码扣下来了,非常精美、带箭头的扩展式网页Tab选项卡,希望对大家学习有所帮助,当然您也可以将这个代码放在自己的网站上。 示例: !DOCTYPE htmlhtm[详细]
-
动态翻转的jQuery炫酷菜单,上下左右四款样式
所属栏目:[创业] 日期:2018-08-27 热度:172
在网上收集了一款动态翻转的 jQuery 炫酷菜单,共有上、下、左、右四款样式。如果您想调用这个菜单非常简单,首先,代码中有丰富的释义,另外,菜单的翻转速度、菜单文字的颜色和翻转的方向都可以在代码中方便的设置。 为解决一些网页特效运行后不能显示效[详细]
-
鼠标滑过菜单文字背景弹性移动,JS+CSS实现
所属栏目:[创业] 日期:2018-08-27 热度:134
当鼠标滑过菜单时,导航中文字的背景弹性移动变化,这是基于 Java Script+CSS实现的,大家不要以为用了 jQuery 哦,类似这样的例子,大家可以回顾一下烈火网以前的文章,例如:JavaScript 妙味课堂仿Flash滑动导航菜单。 本文示例: !DOCTYPE htmlhtmlhead[详细]
-
jQuery简单的下拉菜单,文字导航效果
所属栏目:[创业] 日期:2018-08-27 热度:182
一个非常简单的 jQuery 下拉菜单雏形代码,完全没有美化的,仅仅是实现了下拉菜单,这款文字下拉导航可以让您学习到如何使用jquery完成下拉菜果,并且您还可以自己进行美化,比如增加背景、颜色和边框,更高级一些的比如背景图片等。 为解决一些网页特效运[详细]
-
如何使用css创建一个类似按扭的导航
所属栏目:[创业] 日期:2018-08-27 热度:198
大多数的网站的导航,点击时会像按扭的效果.这种效果往往是利用图像替换技术.或者是用一些javascript代码来实现. 那么我们来想一下是否可以用纯css来做这样的效果. 答案是肯定的,你会发现使用CSS来做这样的效果会显得更加简单.在这个教程中使用的是CSS边框[详细]
-
IE6/IE7/FireFox的CSS hack总结
所属栏目:[创业] 日期:2018-08-27 热度:120
摘要 昨天去178.com公司参加笔试,对CSS仅有一道题,要求是写CSS,在IE6/IE7/FF三款浏览器下显示不同的效果,本来是能写滴,可没想到竟然是选择题,而且用到了子选择器,这下完了,这语法很少见到,所以平时也不怎么关注,没想到竟然在这个时候碰上了。好[详细]
-
IE与Firefox的CSS兼容性差异比较
所属栏目:[创业] 日期:2018-08-27 热度:91
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和 Firefox 存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align[详细]
-
CSS+DIV定位浅析
所属栏目:[创业] 日期:2018-08-27 热度:132
在用CSS+DIV进行布局的时候,一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚,以致经常会出现让人很郁闷的结果。今天研究了一下,总算有所了解。在此总结一下: 先看下各个属性值的定义: 1、static:默认值。没有定位,元素出[详细]
-
css技巧:如何使用CSS让菜单横向
所属栏目:[创业] 日期:2018-08-27 热度:128
在上面一节我们讲到的是垂直的导航.但是大多网站用的还是横向的导航,那么就来跟我学下横向导航是如何实现的.要怎么实现下面的效果.只要在列表项之间避免换行就行了,所以要把li转换为内联. HTML和CSS代码如下: Copy to Clipboard 引用的内容:[www.veryhuo[详细]
-
学习DIV+CSS难不难
所属栏目:[创业] 日期:2018-08-27 热度:63
CSS是不是真的很难学?其实不难,只是缺少了掌握的经验,拿着一本书硬肯,有没有收获?有!但可能成效不大,作为过来人我觉得被动学习想要记住的东西是很难的,学习它我的经验是可以先掌握精要(重要属性开始),待掌握精要自然而然这些属性远远不够满足自己的[详细]
-
Div+Css实现屏蔽效果
所属栏目:[创业] 日期:2018-08-27 热度:119
在做项目的过程中 用到了Yahoo 的YUI控件,其中的datatable 很方便,但是有些时候要把点击table事件屏蔽,于是便想到了用div+Css的方法实现这一效果。 【效果图】 总而言之,就是当某一事件被触发时,例如 按钮点击事件 。使一个事先定义好的div 显示, 并[详细]