应用一：单行文本框应用需要用到的APIfocus([[data],fn])-->当元素获得焦点时，触发focus事件blur([[data],fn])-->当元素失去焦点时，触发blur事件<!DOCTYPEhtml>
<html>
<headlang="en">
<metacharset="UTF-8">
<title></title>
&l..
分类：
Web程序 时间：
2016-12-09 01:23:22
阅读次数：
406
恢复内容开始 第十章的编程练习是选项卡切换的问题。 先分析下思路， 一、HTML页面布局 我们可以用ui li 标签来写最上面一行的内容；用个div来装下面内容，为了实现更多的效果，我们可以把上面那行的文字放在<a>标签里。 二、CSS样式制作 对文档进行基本的样式设置，font color bor ...
分类：
编程语言 时间：
2016-12-04 07:07:31
阅读次数：
191
今天是正式上课的第一天，彭老师先给我们介绍了一下基础班的课程大纲：3.5天HTML+3.5天CSS+7天javascript+2天jQuery+1天Bootstrap,做传智的官网、游戏官网、表单验证、二级联动、图片轮播、选项卡切换、伸缩菜单等等。 ...
分类：
其他好文 时间：
2016-11-25 06:54:16
阅读次数：
188
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>选项卡切换</title> <style> .sec{border:1px solid #000;width:100px;height:100px;displ ...
分类：
其他好文 时间：
2016-10-26 14:24:42
阅读次数：
158
//点击切换
$(function(){
$(".nav-leftulli").click(function(){//点击切换1
tabChange($(this),$(".forum-container>div"));//内容选项卡
})
$(".dynamic-titleulli").click(function(){//点击切换2
tabChange($(this),$(".dynamic-container>div"));
})
$("...
分类：
Web程序 时间：
2016-10-18 16:15:23
阅读次数：
174
Javascript进阶篇的最后一节是一个选项卡切换的编程，要求效果如下。 这里涉及到两块，一个是内容的切换显示，一个是红色的边框样式切换。 内容切换可以用纯js代码实现，但当这里还需设置一个红色边框样式的时候，JS里会出现大量CSS代码，所以统一使用className切换是更好的选择，不同的cla ...
分类：
Web程序 时间：
2016-10-12 21:52:32
阅读次数：
360
这是要实现的效果图： 一.HTML页面布局 <!-- HTML页面布局 --><ul class="tab_menu"> <li class="selected">房产</li> <li>家居</li> <li>二手房</li></ul><div class="tab_box"> <div> 275 ...
分类：
Web程序 时间：
2016-09-23 21:23:23
阅读次数：
254
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>实践题 - 选项卡</title> <style type="text/css"> /* CSS样式制作 */ *{margin:0;padding:0;font: ...
分类：
其他好文 时间：
2016-09-07 19:03:49
阅读次数：
125
