js+div实现文字滚动和图片切换效果代码实现文字滚动和图片切换效果代码
本文实例讲述了js+div实现文字滚动和图片切换效果代码。分享给大家供大家参考。具体如下：
这里演示js+div文字滚动和图片切换代码，为了演示方便，去掉了图片调用，用数字代替了，用时候再加上就可以了，本效果
实现了两种效果，Div切换，TAB切换，和文字滚动，鼠标移上后文字停止滚动，两种功能可任意剥离出来，这不影响代码使
用。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/js-div-txt-pic-scroll-cha-style-codes/
具体代码如下：
<!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>TAB切换和文字滚动</title>
<style type="text/css">
<!--
#demo {
background: #FFF;
overflow:hidden;
width: 600px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
-->
</style>
<link href="images/css.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
// <!CDATA[
function lunTab(m)
{
for(var j=1;j<=4;j++)
{
if(m==j)
{
document.getElementById("div"+j).style.display="block";
document.getElementById("3"+j).className="on";
}
else{
document.getElementById("div"+j).style.display="none";
document.getElementById("3"+j).className="";
}
}
}
// ]]>
</script>
weixin_38645434
- 粉丝: 5
- 资源: 959
我的内容管理
收起
- 我的资源
快来上传第一个资源
我的收益 登录查看自己的收益
我的积分
登录查看自己的积分
我的C币
登录后查看C币余额
我的收藏 
我的下载 
下载帮助
会员权益专享
最新资源
- 27页智慧街道信息化建设综合解决方案.pptx
- 计算机二级Ms-Office选择题汇总.doc
- 单链表的插入和删除实验报告 (2).docx
- 单链表的插入和删除实验报告.pdf
- 物联网智能终端项目设备管理方案.pdf
- 如何打造品牌的模式.doc
- 样式控制与页面布局.pdf
- 武汉理工Java实验报告(二).docx
- 2021线上新品消费趋势报告.pdf
- 第3章 Matlab中的矩阵及其运算.docx
- 基于Web的人力资源管理系统的必要性和可行性.doc
- 基于一阶倒立摆的matlab仿真实验.doc
- 速运公司物流管理模式研究教材
- 大数据与管理.pptx
- 单片机课程设计之步进电机.doc
- 大数据与数据挖掘.pptx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0