网页代码站 - 博客园

2011年6月

摘要：代码简介：用JS已经封装好的滑动门，只需调用就可以用。使用方法： 1.把以上代码引进你的页面 2.在页面的""标签前加入以下代码: 其中sd方法中的参数为：参数一 [菜单id数组]：滑动门菜单的id 参数二 [内容id数组]：显示和隐藏滑动内容层的id 参数三 "菜单触发类"：鼠标经过滑动门菜单的类参数四 "菜单关闭类"：鼠标滑出滑动门菜单的类 3.页面中有几个滑动门就调用几次sd函数,只需改变sd调用的参数。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra 阅读全文

posted @ 2011-06-02 10:54 网页代码站阅读(429) 评论(0) 推荐(0)

JS同一个页面布局滑动门和TAB

摘要：代码简介：同一个网页布局滑动门和TAB修正版，其实滑动门和选项卡没有太大的区别，无非是鼠标动作的不同而已，但是有时候在同一个网页中布局两个以上的选项卡，总容易产生混乱，导致JS出错，如果你需要这样做，那么就请参考本实例，帮你解决这个问题。代码内容：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>JS同一个页面布局滑动门和TAB_网页代码站(www.webdm.cn)</title><style>*{margin:0;padding:0;}body{m 阅读全文

posted @ 2011-06-01 08:40 网页代码站阅读(457) 评论(1) 推荐(0)

CSS 实现的简洁选项卡Tab

摘要：代码简介：CSS_Tab简洁版，很不错的效果，希望大家喜欢。代码内容：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>CSS 实现的简洁选项卡Tab_网页代码站(www.webdm.cn)</title><style type="text/css"> body{margin:0; font-size:12px; background:#666;} #box{width:400px; height:300px; margin:100 阅读全文

posted @ 2011-06-01 08:39 网页代码站阅读(504) 评论(1) 推荐(0)

2011年5月

js实现无限级树形导航列表

摘要：代码简介：js实现无限级树形下拉导航菜单，简洁实用，用到一个已封装好的JS类，有用的大家借鉴一下。代码内容：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>js实现无限级树形导航列表_网页代码站(www.webdm.cn)</title></head><body><style type="text/css"> *{ margin:0; padding:0; list-style:none;} body { 阅读全文

posted @ 2011-05-31 11:28 网页代码站阅读(977) 评论(0) 推荐(0)

【荐】DIV+CSS仿360buy京东商城导航条

摘要：代码简介：【荐】DIV+CSS仿360buy京东商城导航条，很棒的，赶快来试试。代码内容：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>【荐】DIV+CSS仿360buy京东商城导航条_网页代码站(www.webdm.cn)</title><style type="text/css">.my_left_category{ width:150px; font-size:12px; font-family:arial,sans-s 阅读全文

posted @ 2011-05-31 11:27 网页代码站阅读(474) 评论(0) 推荐(0)

Javascript右键菜单类

摘要：代码简介：这是自己写的一个右键菜单类，屏蔽掉了IE固有的右键菜单，一共有四个参数：第一个是出发显示右键菜单的div的id 第二个是右键菜单这个层的id，根据这个id去创建一个新的层，menuList是菜单项的列表，对应了点击一个菜单项后触发的函数，classList是菜单的class名称，以及菜单项对应的class名称，包含了鼠标滑过时的class。代码内容：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>Javascript右键菜单类_网页代码站(www.webdm.cn 阅读全文

posted @ 2011-05-30 09:45 网页代码站阅读(369) 评论(0) 推荐(0)

左侧竖向滑动菜单

摘要：代码简介：左侧竖向滑动菜单，基于JavaScript+CSS，没有过多的修饰，主要想实现菜单的动画效果，想用的朋友，自己美化吧。代码内容：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>左侧竖向滑动菜单_网页代码站(www.webdm.cn)</title><style type="text/css">body{ margin:10px; padding:10px;}a:link { text-decoration: none;c 阅读全文

posted @ 2011-05-30 09:44 网页代码站阅读(382) 评论(0) 推荐(0)

【荐】JS一级横向滑动，二级竖向下拉的综合菜单

摘要：代码简介：级横向滑动，二级竖向下拉综合菜单，这个菜单一共是三级，前两级是滑动切换的方式，第三级主要是下拉菜单的形式，虽然简单的样式简约，但是实现他们其实是很复杂的，希望从事前端开发的朋友一同参考一下吧。代码内容：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>【荐】JS一级横向滑动，二级竖向下拉的综合菜单_网页代码站(www.webdm.cn)</title><style type="text/css"> <!--body, 阅读全文

posted @ 2011-05-29 10:38 网页代码站阅读(1107) 评论(0) 推荐(0)

很漂亮的蓝色CSS下拉菜单

摘要：代码简介：纯CSS代码实现比较经典的蓝色风格下拉菜单，最多支持两级，适用于各种企业网站，新闻资讯类网站，效果挺棒的，不是吗？虽然没有用到过多的修饰，但给你的感觉清新、大方、简洁，符合现代网站的特点。代码内容：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>很漂亮的蓝色CSS下拉菜单_网页代码站(www.webdm.cn)</title><style>*{margin:0;padding:0;border:0;}#div_center { width: 阅读全文

posted @ 2011-05-29 10:36 网页代码站阅读(755) 评论(0) 推荐(0)

一个纯CSS下拉菜单

摘要：代码简介：纯CSS下拉菜单，绝对没有用Javascript，虽然简单，但是美观大方，先运行一下看看效果吧，本菜单扩展性很好，你完全可以在此基础上继续完善功能，以满足您的使用要求。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> 阅读全文

posted @ 2011-05-27 09:41 网页代码站阅读(400) 评论(1) 推荐(0)

公告