我正在临时链接上为我的网站测试multiscroll.js。我想知道是否可以在不使用鼠标或键盘的情况下滚动浏览。图像应自动滚动。（例如，每隔5秒应滚动到下一个块）
我的测试链接是：http : //goo.gl/HjkJKx
此页面包含简单的jquery调用
<script type="text/javascript">
$(document).ready(function() {
$('#myContainer').multiscroll({
sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE'],
anchors: ['first', 'second', 'third'],
menu: '#menu',
loopTop: true,
loopBottom: true
});
});
</script>
and the html is like this:
<ul id="menu">
<li data-menuanchor="first"><a href="#first">First slide</a></li>
<li data-menuanchor="second"><a href="#second">Second slide</a></li>
<li data-menuanchor="third"><a href="#third">Third slide</a></li>
</ul>
<div id="myContainer">
<div class="ms-left">
<div class="ms-section" id="left1">
<h1>Left 1</h1>
</div>
<div class="ms-section" id="left2">
<h1>Left 2 </h1>
</div>
<div class="ms-section" id="left3">
<h1>Left 3</h1>
</div>
</div>
<div class="ms-right">
<div class="ms-section" id="right1">
<h1>Right 1</h1> …这是我的代码.目前地图是正常的.我想在一个黑色主题颜色的网站上应用这个,所以我想这个灰色阴影的地图可以帮助吗？
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<style type="text/css">
body { font: normal 10pt Helvetica, Arial; }
#map { width: 350px; height: 300px; border: 0px; padding: 0px; }
</style>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://code.google.com/apis/gears
/gears_init.js"></script>
</head>
<body>
<div id="map" style="height: 500px; width: 500px;">
<script type="text/javascript">
var mapOpts = { mapTypeId: google.maps.MapTypeId.TERRAIN, zoom: 2, center:
new google.maps.LatLng(20, 0) };
var map = new google.maps.Map(document.getElementById("map"), mapOpts);
var infoWindow = new google.maps.InfoWindow();
var markerBounds = new google.maps.LatLngBounds();
var markerArray = [];
function makeMarker(options) …