本文目录一览：
- 1、Jquery幻灯片特效代码分享--鼠标滑过按钮时切换（2）
- 2、js幻灯片广告切换代码
- 3、如何在幻灯片中插入FLASH代码？
- 4、织梦首页怎么添加幻灯片代码，求详解过程和代码，3Q
- 5、网上提供的html幻灯片代码如何使用
Jquery幻灯片特效代码分享--鼠标滑过按钮时切换（2）
这篇文章主要介绍了jQuery实现幻灯片焦点图，可实现非常炫目时尚的幻灯片效果，非常具有实用价值，基本能满足你在网页上使用幻灯片(焦点图)效果，具体如下
幻灯片效果描述：用鼠标滑过右下角数字按钮幻灯片进行左右切换进行切换。
自定义切换参数效果：向下切换、切换时间为8秒、鼠标滑过按钮时切换
运行效果截图如下：
具体代码如下
head
titleJquery幻灯片焦点图插件/title
script
src="js/jquery-1.4a2.min.js"
type="text/javascript"/script
script
src="js/jquery.-1.2.1.min.js"
type="text/javascript"/script
script
type="text/javascript"
$(function(){
$("#KinSlideshow").KinSlideshow({
moveStyle:"down",
intervalTime:8,
mouseEvent:"mouseover",
titleFont:{TitleFont_size:14,TitleFont_color:"#FF0000"}
});
})
/script
style
type="text/css"
.code{
height:auto;
padding:20px;
border:1px
solid
#9EC9FE;
background:#ECF3FD;}
.code
pre{
font-family:"Courier
New";font-size:14px;}
.code
pre
code.note{
color:#999}
.code2{border:1px
solid
#FEB0B0;
background:#FFF1F1;
margin-top:10px;}
.code2
pre{
margin-left:20px;
font-size:12px;}
.info{
font-size:12px;
color:#666666;
font-family:Verdana;
margin:20px
50px
0;}
.info
p{
margin:0;
padding:0;
line-height:22px;
text-indent:40px;}
h2.title{
margin:0;
padding:0;
margin-top:50px;
font-size:18px;
font-family:"微软雅黑",Verdana;}
h2.title
span.titleInfo{
font-size:12px;
color:#333;
margin-left:10px;font-family:Verdana;}
h3.title{
font-size:16px;
font-family:"微软雅黑",Verdana;}
.importInfo{
font-family:Verdana;
font-size:14px;}
/style
/head
body
lih3a
href="demo2.html"自定义切换参数效果/a/h3/li
/ol
div
id="KinSlideshow"
style="visibility:hidden;"
a
target="_blank"img
src="images/11.png"
alt="Jquery幻灯片焦点图插件"
width="600"
height="300"
//a
a
target="_blank"img
src="images/23.png"
alt="Jquery幻灯片焦点图插件"
width="600"
height="300"
//a
a
target="_blank"img
src="images/22.png"
alt="Jquery幻灯片焦点图插件"
width="600"
height="300"
//a
a
target="_blank"img
src="images/5.jpg"
alt="Jquery幻灯片焦点图插件"
width="600"
height="300"
//a
a
target="_blank"img
src="images/4.jpg"
alt="Jquery幻灯片焦点图插件"
width="600"
height="300"
//a
/div
/body
/html
希望本文所述对大家的Jquery特效设计有所帮助。
js幻灯片广告切换代码
js幻灯片广告切换代码如下操作。
1、下载到的压缩包，上传到网站根目录下。
2、解压出来，复制index.html里面的主要代码，插入到网站项目想要放置的位置。
3、对插入的代码，根据自己需求对文字以及图片做适当的修改和替换，即可投入到自己网站中使用以及呈现。
如何在幻灯片中插入FLASH代码？
首先确保系统中已经安装了Shockwave
Flash
Object插件（只要IE中可以播放Flash动画就表明已经安装）。
启动PowerPoint
2002/2003，用控件工具将需要插入的Flash动画插入进来。
在控件工具箱中将命令按钮拖动两个到幻灯片中，其名称分别为CommandButton1和CommandButton2，分别用右键点击它们，在属性窗口中将Caption改为“暂停”、“播放”。
双击“暂停”按钮，在代码窗口中输入”Slide1.shockwaveFlash1.Stop”，保存后双击“播放”按钮，在代码窗口中输入“Slide1.shockwaveFlash1.Play”。
关闭代码编写返回幻灯片中，播放幻灯片，检查一下，按钮是不是起作用了?
织梦首页怎么添加幻灯片代码，求详解过程和代码，3Q
其实幻灯片是 调用后台 添加“幻灯”属性的文章的图片，当然你不调用也是可以的，就把他写死；
找到下面这段代码：
{dede:arclist flag='f' row='5'} （这行 删除掉）
linkarr[[field:global.autoindex/]]（显示 数量，一个写1） = "[field:arcurl/]";这是你 需要 链接的地址；
picarr[[field:global.autoindex/]] （显示 数量，一个写1）= "[field:litpic/]";这是你的图片路径
{/dede:arclist}（删除掉）
2个需要在写一遍;比如：
linkarr[1]（显示 数量，一个写1） = "[field:arcurl/]";这是你 需要 链接的地址；
picarr[1] （显示 数量，一个写1）= "[field:litpic/]";这是你的图片路径
linkarr[2]（显示 数量，一个写1） = "[field:arcurl/]";这是你 需要 链接的地址；
picarr[2] （显示 数量，一个写1）= "[field:litpic/]";这是你的图片路径
3个甚至更多 是同样的道理
网上提供的html幻灯片代码如何使用
开发者必用：F12或者安装bug查件！
去懒人图库等一些站长用的工具里找到幻灯片的图片，
使用方法：
使用方法：
1、在head区域引入样式表文件lrtk.css，js/pe.kenburns/themes/default/skin.min.css
2、在head区域引入jquery-1.5.2.min.js和js/pe.kenburns/jquery.pixelentity.kenburnsslider.min.js
3、初始化
script
jQuery(function($){
$(".peKenBurns").peKenburnsSlider({externalFont:true})
})
/script
4、在你的网页中加入!-- 代码 开始 --!-- 代码 结束 --注释区域代码即可
