你直接把文字和图片放同一个li里面，定位就可以了。

你把setInterval写在ready里面，不要包在函数里面。

加在你要放代码的地方就可以了 lt！ var interval_time=3 图片停顿时间，单位为秒，为0则停止自动切换 var focus_width=408 宽度 var focus_height=137 高度 var text_height=15 标题高度 var text_align= #39center#39 标题文字对齐方式leftcenterrightvar swf_height = focus。

1打开软件dreamweaver8写如下代码，如图调用CSS样式调用JS插件代码 lt！效果html开始 function var aPage = $#39#main page a#39分页按钮 var aImg = $#39#main box img#39图像集合 var iSize = aImgsize图像个数 var index = 0切换索引 var t。

其实很简单，譬如你HTML有两个不同的div 那麼你就做两次 init 就可以quot#KinSlideshow1quotKinSlideshow quot#KinSlideshow2quotKinSlideshow。

CSS 不吃的问题 你可以把页面全部加载进来以后 按 F12 在HTML找到图片右击加入属性styleenter 这个时候那里会出来style=quotquot然后写style=quottextaligncenterquot 然后enter 如果图片位置 改变了你再改代码 要不写这个看看 documentreadyfunction #39#slider#39cssquottextalignquot，quotcenter。

网站焦点图是一种网站内容的展现形式，可简单理解为一张图片或多张图片展现在网页上就是网站焦点图在网站很明显的位置，用图片组合播放的形式，类似焦点新闻的意思只不过加上了图片css焦点图，不难理解网页设计现在流程html+css设计，css焦点图就是这样而来的，很多情况下需要结合js代码实现分类焦。

3简单的代码示例如下lt！DOCTYPE html jquery轮播效果图 * padding 0px margin 0px a textdecoration ul liststyle outside slider， sliderpanel img， sliderextra width 650px height 413px。

以下是全部代码，请自行修改图片及js路径 SuperSlide 实用焦点图 *margin0 padding0 liststyle body background#fff fontnormal 12px22px 宋体 img border0 a textdecoration color#333 ahover color#1。

遍历id为righer的div quot#righerdivquoteachfunctionk，v function show_caseid， thi， pause ifpausereturn 移除父节点上的css thiparentfindquotonquotremoveClassquotonquot找到css为icon_wm_case的节点并添加on $thifindquoticon_wm_casequotaddClas。

使用诸如thickbox的jquery功能，详情搜寻jquery的各种图片插件吧。

都一样 jquery其实自己看看书就行了，会原生JS的学习jq很快，反过来学了jq不知道原生js到时候会很麻烦的看视频的话 可以学些例子刚开始写些选项卡，焦点图，滚动== 很容易上手的。

3然后再输入代码 lt！ wrapper end 4然后就完成了。

焦点图，又叫幻灯片，一般是处于网页导航nav底部的图片切换效果一般由超过两张以上的图片组成，或左右，或上下切换焦点图就是图片广告切换展示效果在网站很明显的位置，用图片组合播放的形式，类似焦点新闻的意思只不过加上了图片一般多网站首页版面或频道首页版面，因为是通过图片的形式，所以有。

flash焦点图，看名字就可以理解，使用flash设计或用flash as编程设计的焦点图该焦点图优点是字体展现效果佳，比纯网页形式更具有美感不利于SEO与引擎的抓取css焦点图，不难理解网页设计现在流程html+css设计，css焦点图就是这样而来的，很多情况下需要结合js代码实现jquery焦点图，现在很流行的实现。