jQuery程序设计基础教程 工业和信息化普通高等教育“十二五”规划教材 教学课件 作者 姚敦红 杨凌 张志美 李晓黎 等编著 第9章.ppt

源代码 本实例保存在源代码的09\9.6\目录下，子目录的功能如下。 ? css：用于保存本实例使用的样式表。 ? images：用于保存本例中使用的图片。 ? js：用于保存实例中使用的JavaScript脚本文件。 9.6.2 设计实例页面 本实例的页面文件为index.html。整个焦点视频切换栏容器为class=slide_screendiv元素，代码如下： div class=slide_screen …… /div 使用无序列表ul定义视频切换栏中的4个图片 ul class=list li class=liA … /li li class=liB … /li li class=liC … /li li class=liD … /li /ul 1．class=liA的列表项 li class=liA div class=window div class=piece a target=_blank href=/m/ cyzchtml img alt= src=images/bar01.jpg/a div class=bar h3赤焰战场/h3 p老戏骨集体帅气亮相银幕/p span/span a target=_blank href=/m/ cyzchtmlnbsp;/a /div /div div class=piece a target=_blank href=/p/music/v/2013/0424/ 114362342223.htmlimg alt= src=images/bar02.jpg/a 接上 div class=bar h3 陈妍希《Sorry》 /h3 p女神陈妍希首张创作专辑《Me, Myself, and I》首波主打《Sorry》歌词版MV首播，出自韩剧《想你》片尾曲。献给所有在爱里没有犯错，却无法走到最后的我们。/p span/span a target=_blank href=/p/music/v/2013/0424/ 114362342223.htmlnbsp;/a /div /div 接上 div class=piece a target=_blank href=/m/xzyn_htmlimg alt= src=images/bar03.jpg/a div class=bar h3《西藏一年》/h3 p普通西藏人的生活与困惑/p span/span a target=_blank href=/m/ xzynhtmlnbsp;/a /div /div /div /li 2．class=liB的列表项 li class=liB div class=window div class=piece a target=_blank href=/m/ wyhchtmlimg alt= src=images/piece01.jpg/a div class=bar h3午夜火车/h3 p卧铺激情与魔鬼同眠之旅/p span/span a target=_blank href=/m/ wyhchtmlnbsp;/a /div /div div class=piece a target=_blank href=/p/music/v/2012/0330/ 181461708363.htmlimg alt= src=images/piece02.jpg/a 接上 div class=bar h3张国荣/h3 p九年祭特辑/p span/span a target=_blank href=/p/music/v/2012/0330/ 181461708363.htmlnbsp;/a /div /div div class=piece a target=_blank href=/movie/detail/hej img alt= src=images/piece03.jpg/a div class=bar h3华尔街/h3 p：本纪录片以华尔街金融危机为契机，以证券市场为中心，梳理两百多年来，现代金融来龙去脉，探寻、发现资本市场兴衰与经济