html5伸缩效果,【HTML5】Jquery打造竖向伸缩/展开菜单

该楼层疑似违规已被系统折叠隐藏此楼查看此楼

效果图如下：

jquery打造竖向伸缩/展开菜单

body { font-family: Arial; font-size: 16px; }

dl { width: 300px; }

dl,dd { margin: 0; }

dt { background-color:#ae8758; background-image:url(/jscss/demoimg/201207.png); background-repeat:no-repeat; background-position:5px 13px; font-size: 18px; padding: 5px 5px 5px 20px; margin: 2px; height:29px; line-height:28px; }

dt a { color: #FFF; text-decoration:none; }

dd a { color: #000; }

ul{ list-style: none; padding:5px 5px 5px 20px; margin:0; }

li{ line-height:24px;}

.bg{ background-position:5px -16px;}

$(document).ready(function(){

$("dd").hide();

$("dt a").click(function(){

$(this).parent().toggleClass("bg");

$(this).parent().prevAll("dt").removeClass("bg")

$(this).parent().nextAll("dt").removeClass("bg")

$(this).parent().next().slideToggle();

$(this).parent().prevAll("dd").slideUp("slow");

$(this).parent().next().nextAll("dd").slideUp("slow");

return false;

});

郑州美食

美食论坛
地方小吃
郑州酒店

郑州交通

新郑机场
周边高速

郑州房产

房产论坛
大河论坛
天下中原

****** - ******

html5伸缩效果,【HTML5】Jquery打造竖向伸缩/展开菜单相关推荐

html 传参数菜单自动展开,【HTML5】Jquery打造竖向伸缩/展开菜单
该楼层疑似违规已被系统折叠隐藏此楼查看此楼效果图如下: jquery打造竖向伸缩/展开菜单 body { font-family: Arial; font-size: 16px; } dl { w ...
html5云朵效果,纯CSS3打造逼真的多层云彩动画特效
这是一款效果非常炫酷的纯CSS3逼真的多层云彩动画特效.该特效使用多张透明的云彩PNG图片作为背景图片,使用CSS animation动画来制作云彩水平飘动的动画效果. 使用方法 HTML结构该多层 ...
html5 仪表盘效果,html5动效系列十四：jQuery仪表盘指示器动画插件 6种仪表样式...
每一个扁平化界面设计,都是我们的心灵碰撞致力于最棒的 metro ui 设计今天我们要来分享一组很酷的 HTML代码: JavaScript代码: // Dynamic examples var a ...
html5倒计时效果,html5+css3进度条倒计时动画特效代码【推荐】
html5+css3进度条倒计时动画特效这个作品在今天上网找网络资源的时候无意中发现的,看到效果非常棒并且很实用,就第一时间把它整理出来与大家分享了,主要用到了html5.javascript和css ...
html5 抽奖效果,html5+css3实现抽奖活动的效果
看过我博客的知道,前几天我发过一个通过form表单来实现和用户交互效果,上次是通关过table实现用户注册页面,那么今天我们也是通过table的表单效果来画出抽奖的页面,通过css3和javascri ...
html5 翻牌效果,HTML5实现移动端点击翻牌功能
效果一个大小的两个面,在同一位置上正面的Y轴旋转为0度背面的Y轴旋转180度隐藏被旋转的 div 元素的背面(backface-visibility) 点击的时候同时改变正面和背面的旋转角度, ...
html5 地图效果,html5 echarts图表插件炫光的分布地图动画特效
特效描述:图表插件炫光的动画分布地图动画动画特效.html5地图动画,html5 echarts图表插件代码结构 1. 引入JS 2. HTML代码 ECharts $('#documen ...
html5波浪效果,html5 canvas粒子波浪动画特效
特效描述:html5 canvas 粒子波浪动画特效.html5基于canvas绘制波涛汹涌的粒子波浪动画. 代码结构 1. HTML代码 'use strict'; var FastRandom = ...
html5 雨滴效果,html5 canvas下雨滴掉落动画特效
特效描述:html5 canvas 雨滴掉落动画动画特效.html5 canvas绘制下雨场景动画.雨滴动画. 代码结构 1. 引入JS 2. HTML代码 // TO DO // Remove r ...

html5伸缩效果,【HTML5】Jquery打造竖向伸缩/展开菜单

html5伸缩效果,【HTML5】Jquery打造竖向伸缩/展开菜单相关推荐

最新文章

热门文章