收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1169|回复: 0

谁帮忙做好IE6的兼容.滚动的.谢谢

[复制链接]
发表于 2012-7-4 15:49:00 | 显示全部楼层 |阅读模式
<!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>
<title>无标题页</title>
<script type="text/javascript" src="http://www.suqian.cm/js/ScrollPic.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
    <style type="text/css">
    .pic_top div{float:left}
    .pic_yi{height:100px; width:100px;}
    </style>
<div class="pic_top">
        <div class="pic_left" id="LeftArr" style="height:100px; width:200px;">鼠标点击向左(left)滚动</div>
   
        <div class="pic_center" id="divAcrollPic1" style=" height:100px; width:400px; overflow:hidden;">
                <div class="pic_yi">图片</div>
                <div class="pic_yi">图片</div>
                <div class="pic_yi">图片</div>
                <div class="pic_yi">图片</div>
        </div>
   
        <div class="pic_right" id="RightArr" style="height:100px; width:200px;">鼠标点击向右(right)滚动</div>
</div>
<script type="text/javascript">
// 左右点击滚动开始
var scrollPic1 = new ScrollPic();
scrollPic1.scrollContId   = "divAcrollPic1"; //内容容器ID
scrollPic1.arrLeftId      = "LeftArr";//左箭头ID
scrollPic1.arrRightId     = "RightArr"; //右箭头ID

scrollPic1.frameWidth     = 400;//显示框宽度
scrollPic1.pageWidth      = 100; //翻页宽度

scrollPic1.speed          = 10; //移动速度(单位毫秒,越小越快)
scrollPic1.space          = 10; //每次移动像素(单位px,越大越快)
scrollPic1.autoPlay       = false; //自动播放
scrollPic1.autoPlayTime   = 3; //自动播放间隔时间(秒)

scrollPic1.initialize(); //初始化
// 左右点击滚动结束
</script>
</body>
</html>
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-11-23 06:32 , Processed in 0.093513 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表