最新消息:网盘下载利器JDownloader--|--发布资讯--|--站务--|--解压出错.密码问题--

Create a Sliding Tabbed Panel with jQuery

其他教程 zhy0105 0评论

Create a Sliding Tabbed Panel with jQuery

MOV | AVC 961kbps | English | 960x600 | 30fps | 59 mins | AAC stereo 96kbps | 260 MB
Genre: Video Training

A tabbed panel interface is a classic feature to incorporate in your website design, but they're usually static elements. This course shows how to build a dynamic sliding tabbed panel from scratch using a combination of HTML, CSS, and jQuery. Author Chris Converse leads you through the process from start to finish, from building the containers to styling the text, tab, and panels, and adding click events to make the tabs interactive. He also shows how to incorporate progressive enhancement techniques, so visitors who don't have JavaScript, for example, can still access the content.

Topics include:
Creating the main panel and tab containers
Adding content to the containers
Adding CSS styles to the text and tabs
Adding the jQuery $(document).ready() function
Assigning click events to the tabs
Setting an autostart on page load
Creating custom graphics for the panels
Assigning custom classes to the HTML elements
Reassigning CSS rules with JavaScript

Create a Sliding Tabbed Panel with jQuery

Create a Sliding Tabbed Panel with jQuery

Create a Sliding Tabbed Panel with jQuery

Download uploaded
http://uploaded.net/file/op0xz001/Creat_Slid_Tabb_Panel_jQuery.part1.rar
http://uploaded.net/file/j6gr0juz/Creat_Slid_Tabb_Panel_jQuery.part2.rar
http://uploaded.net/file/jqyaq5ik/Creat_Slid_Tabb_Panel_jQuery.part3.rar

Download rapidgator
http://rg.to/file/0a97b5363937346e3b7e418643f96e78/Creat_Slid_Tabb_Panel_jQuery.part1.rar.html
http://rg.to/file/4df1bd29ebf0907a7f2c0fad5b141edf/Creat_Slid_Tabb_Panel_jQuery.part2.rar.html
http://rg.to/file/8bd3d9aac8b9d8214b47c81e40e77035/Creat_Slid_Tabb_Panel_jQuery.part3.rar.html

Download Firedrive and 百度云

以下隐藏内容只提供VIP赞助会员

sorry! The following hidden content sponsorship VIP members only.

您必须 登录 才能发表评论!

网友最新评论 (1)

  1. 使用jQuery创建滑动标签面板 标签式的面板接口是一种使用在网站中的经典功能,但是它们通常是静态的点缀。本教程会为你演示,如何从头使用融合了HTML, CSS和jQuery,打造一个滑动式的表情面板。作者Chris Converse会带你从头开始做起,从建立容纳文字的容器、标签、面板开始,然后添加点击事件让标签变得互动。他还会显示如何使用渐进式的改善技术,所以即使没有JavaScript的访问者也可以看到内容。 主要内容:创建主面板和标签容器;为容器添加内容;为文本和标签添加CSS样式;添加jQuery $(document).ready()功能;为标签分配点击时间;设置页面导入时的自动启动;为面板创建自定义图片;为HTML元素分配自定义类;使用JavaScript重新分配CSS规则。
    wilde(特殊组-翻译)3年前 (2014-05-04)