下载地址:http://download.csdn.net/detail/cometwo/9393614 html文件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS3外观美丽淡入淡出Tab菜单演示</title> <l ...
分类:
Web程序 时间:
2017-08-06 20:47:24
阅读次数:
250
运用到的知识点儿:css sprites,css reset,定位,margin负值的妙用,tab选项卡,轮播图,jquery插件开发...css sprites: css reset:统一每个浏览器默认的样式 定位:购物车上的小红图标,以及直降图标 margin负值的妙用:溢出隐藏,边框隐藏,左右... ...
分类:
其他好文 时间:
2017-08-06 16:54:13
阅读次数:
1886
前段时间我注册了 w3c.run域名,打算做一个W3C相关技术在线试验工具。没错,就是在线编写html、css、js代码然后在线运行,查看效果。 在设计首页时,我打算首页提供三个代码编辑器,介于界面大小限制,不宜同时显示三个编辑器,考虑采用tab选项卡切换的方式展现。 另外考虑到页面加载速度问题(我 ...
分类:
Web程序 时间:
2017-08-06 14:01:15
阅读次数:
183
一.js用途 制作web页面的交互效果,提升用户体验 轮播图 、tab选项卡、地图、表单验证 等等 二、JavaScript 的历史,发展历程(了解/w3school) ECMAScript 是JavaScript的标准 以前JavaScript只是做页面的“牛皮癣” 弹窗广告 后来谷歌使用了 aj ...
分类:
编程语言 时间:
2017-08-03 13:55:47
阅读次数:
213
选项卡是大家平时在工作中经常用到的一个效果,下面我给大家一个比较简单的选项卡demo。 html: ...
分类:
Web程序 时间:
2017-07-27 21:28:56
阅读次数:
173
虽然我们可以用angular中的路由来做tab选项卡,但是那会让我们建立很多的页面来引入,或者建立 <script type="text/ng-template" id="news"></script>来装内容,我认为都比较麻烦。所以我是使用angular中的json和angular中的ng-sho ...
分类:
其他好文 时间:
2017-07-24 09:59:26
阅读次数:
1166
1、问题背景 遇到这样一个问题:有四个Tab选项卡。依据不同的參数隐藏和显示选项卡 2、实现实例 (1)隐藏“春季” protected function springClickHandler(event:MouseEvent):void { tabs.getTabAt(0).visible = f ...
分类:
其他好文 时间:
2017-07-14 23:10:30
阅读次数:
196
1、问题背景 遇到这样一个问题:有四个Tab选项卡。依据不同的參数隐藏和显示选项卡 2、实现实例 (1)隐藏“春季” protected function springClickHandler(event:MouseEvent):void { tabs.getTabAt(0).visible = f ...
分类:
其他好文 时间:
2017-07-14 23:07:40
阅读次数:
219
点击刷新按钮,刷新当前Tab选项卡 1 /** 2 * Name 选项卡初始化 3 */ 4 $('#home-tabs').tabs({ 5 tools: [{ 6 iconCls: 'icon-reload', 7 border: false, 8 handler: function () { ...
分类:
其他好文 时间:
2017-06-08 14:58:39
阅读次数:
264
代码 这里主要使用表单的单选按钮来实现这个TAB显示和隐藏,首页tab里的内容默认隐藏,如果单选按钮为选中状态(checked)就显示内容。具体请看下面代码。 关于兼容性,因为是用CSS3来制作的,所以如果不支持CSS3的浏览将会出现不兼容的情况。 HTML代码 CSS代码 ...
分类:
Web程序 时间:
2017-05-22 16:45:05
阅读次数:
181