jquery仿酷狗官网新闻焦点图

 查看演示  website  立即下载

Html结构

<ul id=j_FocusNav class=ulFocus>
	<li rel="0">左侧标题，字数不大于18</li>
	<li rel="1">左侧标题，字数不大于18</li>
	<li rel="2">左侧标题，字数不大于18</li>
	<li rel="3">左侧标题，字数不大于18</li>
	<li rel="4">左侧标题，字数不大于18</li>
	<li rel="5">左侧标题，字数不大于18</li>
</ul>
<ul id=j_FocusCon class=ulFCon>
	<li>右侧图片1</li>
	<li><右侧图片2</li>
	<li>右侧图片3</li>
	<li>右侧图片4</li>
	<li>右侧图片5</li>
	<li>右侧图片6</li>
</ul>

加载方法：

<SCRIPT type=text/javascript>
$(document).ready(function(){
    $("#j_Focus").Focus();
});
</SCRIPT>

首页加载focus（）方法。

设置时间：

var _timer = function(){
    (_timeInterval)&&(clearInterval(_timeInterval));
  _timeInterval = setInterval(_cutover,6000);
}

可以修改自动切换的时间，默认6秒

PREVIOUS:
NEXT:
后台管理设计
jQuery对话框和确认框插件jqueryconfirm