网网页特效,本教程主要讲以css、ajax、Javascript实现三大功能,分别是Ajax选项卡、隔行换色、弹出层,希望朋友们喜欢,欢迎经常来转转。
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd><html xmlns=http://www.w3.org/1999/xhtml><head><meta http-equiv=Content-Type content=text/html; charset=utf-8 /><title>Ajax选项卡、隔行换色、弹出层</title><style type=text/css>* {margin:0;padding:0;list-style:none;font-size:12px;line-height:20px;font-family:Arial;}h1,h2,h3 { font-size:14px; margin:10px 0;}hr { margin:10px 0; height:1px;clear:both;border:0; background:#c00;}a:link,a:visited{color:#164A84;text-decoration:none;}a:hover,a:active{color:#c00;text-decoration:underline;}table { border-collapse:collapse;border:1px solid #ccc;border-width:1px 1px 0 0; margin-left:20px;}td,th { padding:5px;border:1px solid #ccc;border-width:0 0 1px 1px;}</style><hr /><style type=text/css>.barry1 {background:#f5f5f5;}.barry0 {background:#fff;}.hover {background:#ddd;}</style><h2>2:隔行换色</h2><div class=hot_car id=hot_car><table cellpadding=0 cellspacing=0><thead><tr><td>厂商指导价</td><td>经销商报价</td><td>促销信息</td><td>报价时间</td></tr></thead><tr><td>12.02万</td><td>19.18万</td> <td>五子棋游戏进阶版源码</td><td>2009-02-15</td></tr><tr><td>12.02万</td><td>19.18万</td> <td>五子棋游戏进阶版源码</td><td>2009-02-15</td></tr><tr><td>12.02万</td><td>19.18万</td> <td>五子棋游戏进阶版源码</td><td>2009-02-15</td></tr></table></div><style type=text/css>.ul { margin:20px 0 0 20px;width:300px;border:1px solid #ccc;border-bottom:0;}.ul li { height:20px; padding:3px 5px;border-bottom:1px solid #ccc;}</style><ul id=ul class=ul><li><span>[<a href=news.html _fcksavedurl=news.html>企业</a>]</span> <a href=detail.html _fcksavedurl=detail.html>VB监测键盘按下状态</a></li><li><span>[<a href=news.html _fcksavedurl=news.html>企业</a>]</span> <a href=detail.html _fcksavedurl=detail.html>图片旋转显示插件</a></li><li><span>[<a href=news.html _fcksavedurl=news.html>企业</a>]</span> <a href=detail.html _fcksavedurl=detail.html>播放器的窗体界面</a></li></ul><hr /><style type=text/css>.pop { border:3px solid skyblue;width:400px; background:#fff; padding:5px; display:none;}</style><h2>3:遮罩层</h2><a href=# _fcksavedurl=# id=open style=margin-left:20px>点击弹出</a><div class=pop id=pop><a href=# _fcksavedurl=# id=close>点击关闭</a></div><hr /></body></html><br /><center>网更多教程,请访问:<a href=http://www.wfuyu.com/ target=_blank _fcksavedurl=http://www.wfuyu.com/ target=_blank>http://www.wfuyu.com/</a></center>提示:可修改后代码再运行!