<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="black" name="apple-mobile- ...
分类:
其他好文 时间:
2017-06-01 23:41:53
阅读次数:
302
1.js完成图片轮播效果 步骤分析: 2.使用js定时弹出广告定时隐藏 步骤分析 3.使用js完成注册页面的表单校验 步骤分析 4.使用js完成隔行换色 步骤分析 5.完成复选框的全选和全不选效果 步骤分析: 6.二级下拉菜单的联动 步骤分析: ...
分类:
Web程序 时间:
2017-05-14 10:33:36
阅读次数:
218
我们在淘宝、搜狐等大型网站上都可以看到使用的一些二级下拉菜单,比如下面这张图片。 但是如何实现类似的图片呢?实际上,我们有至少三种方式来实现,下面,我附上代码供大家参考。 1.仅使用html和css 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ...
分类:
其他好文 时间:
2017-04-04 00:05:06
阅读次数:
183
如何实现导航菜单栏中的二级下拉菜单? 我们在淘宝、搜狐等大型网站上都可以看到使用的一些二级下拉菜单,比如下面这张图片。 但是如何实现类似的图片呢?实际上,我们有至少三种方式来实现,下面,我附上代码供大家参考。 1.仅使用html和css 我们可以看到,这种方法是比较好的,它保证了结构与表现的完全分离 ...
分类:
其他好文 时间:
2016-10-31 06:56:16
阅读次数:
196
实现效果: 1.二级菜单下拉展示的全屏展示,下拉内容块居中 2.一级菜单 并不是所有都有二级下拉菜单 ,不能使用,通过比较标签内的属性来确认具体是哪个一级导航有下拉菜单,比如 <div index="product"></div>对比一级菜单和二级菜单的index属性来显示对应的内容; <ul> < ...
分类:
其他好文 时间:
2016-08-17 19:35:32
阅读次数:
350
http://www.codesky.net/article/201109/1200js/%E5%AE%9E%E7%94%A8%E5%AF%BC%E8%88%AA%E8%8F%9C%E5%8D%95.htm 可直接保存为HTML文件,在不同浏览器上打开。 ...
分类:
Web程序 时间:
2016-07-20 13:16:06
阅读次数:
274
创建网站的时候常常需要用到下拉菜单,每次都要自己写,总觉得太麻烦了,于是就写了一个动态生成下拉菜单的函数,并为其添加了相应的功能样式和视觉样式。在使用的时候,只需要定义好各级菜单的内容以及首级菜单的链接并调用dropMenu函数就可以使用了,如果需要,还可以自己添加一些富有特色的视觉样式。 1. 在 ...
分类:
Web程序 时间:
2016-07-12 11:41:38
阅读次数:
229
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><ti..
分类:
Web程序 时间:
2016-04-15 15:35:50
阅读次数:
258
jquery实现的点击二级下拉导航菜单:二级下拉导航菜单是各种类型的网站都有使用,所以是一个必须掌握的技能,对于老手来说肯定是轻松加愉快,但是对于初学者来说未必如此,下面就通过代码实例详细介绍一下点击二级下拉菜单实现过程。代码如下: <!DOCTYPE html> <html> <head> <me
分类:
Web程序 时间:
2016-02-05 01:50:42
阅读次数:
164
纯CSS实现的二级下拉导航菜单实例代码:二级下拉菜单在众多的网站都有应用,不但能够有效的组织分类导航,并且能够节省大量的网站空间,也能够实现网站的动态化效果,大多数二级导航菜单都是结合javascript实现,本章节介绍一下使用纯css实现的下拉菜单。代码如下:蚂蚁部落 蚂蚁部落 ...
分类:
Web程序 时间:
2016-01-08 06:59:15
阅读次数:
198