随笔分类 -  JS

jquery 手风琴展开收缩
摘要：jquery操作的是dom节点，获取节点状态，进而改变状态。 一。html文档 二。css文档 三。JS文档 四。效果展示 有两个效果，1点击当前“+”号按钮，内容展开，“+”号变“—”号，继续点击重复内容展开收缩，加号减号变换。 2点击当前“+”号，内容展开之后，继续点击其他的“+”号，会收缩已点 阅读全文

posted @ 2016-03-04 11:36 花花爱吃大白菜 阅读(740) 评论(0) 推荐(0)

jquery 点击显示隐藏的三种方法
摘要：jquery点击显示隐藏的三种方法，从复杂到简单。使用jquery需要引用jquery库，如右所示。旁边按钮随着收缩展开发生状态变化，展开+变—，收缩—变+。收缩效果： 展开效果：一、HTML结构（盗用网上的）收缩展开效果 1 2 3 4 ... 阅读全文

posted @ 2016-01-20 17:26 花花爱吃大白菜 阅读(1976) 评论(0) 推荐(0)

JS表单验证
摘要：简单的js原生代码--表单验证一、HTML结构代码 账户： 密码： 确认： 二、JS代码 阅读全文

posted @ 2016-01-12 18:28 花花爱吃大白菜 阅读(187) 评论(0) 推荐(0)

jquery 通用TAB
摘要：一、Html结构 标签一 标签二 标签三 标签四 标签五 标签一的内容 标签二的内容 标签三的内容 标签四的内容 标签五的内容二、CSS渲染 *{ padding:0; margin:0; -moz-box-sizing: border-box; -webkit-box-sizi... 阅读全文

posted @ 2016-01-11 18:33 花花爱吃大白菜 阅读(242) 评论(0) 推荐(0)

一个页面加载多个TAB
摘要：简洁TAB ASP PHP PHP 同一页面，滑动门，选项卡同在 兼容性好 nicai ASP PHP 简洁TAB，滑动门，选项卡 兼容性好 ASP PHP ... 阅读全文

posted @ 2016-01-07 20:03 花花爱吃大白菜 阅读(441) 评论(0) 推荐(0)

Tab切换练习
摘要：2016年1月6日 星期三 天气小雨 关于Tab切换练习 1、Html部分 <body> <div id=con> <ul id=tags> <li class="selectTag"><a onMouseOver="selectTag('tagContent0',this)" href="java 阅读全文

posted @ 2016-01-06 18:41 花花爱吃大白菜 阅读(262) 评论(0) 推荐(0)

导航