仿傲游浏览器官方网站js焦点图定时切换特效代码分享，这个图片切换窗口带左右箭头按钮显示，用户可直接点击切换图片展示。
<!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=gb2312" />
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。">
<title>仿傲游浏览器官网js焦点图定时切换特效_武鸣人</title>
<style type="text/css">
body{
margin-top:40px;
font: 75% Tahoma;
line-height: 150%;
}
h3{
margin: 0 0 10px;
font-size: 130%;
line-height: 150%;
}
p{
margin: 0 0 10px;
}
img{
border: none;
vertical-align: middle;
}
a{
color: #1A7AAE;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
.index-www_wuming_ren {
width: 364px;
height: 264px;
background: url(/img/20240423_www_wuming_ren_1.png) center no-repeat;
text-align:left;
}
.index-www_wuming_ren .preview_wuming_ren {
margin: 0 auto;
padding-top: 20px;
display: none;
width: 300px;
height: 190px;
overflow: hidden;
}
.index-www_wuming_ren .preview_wuming_ren .screenshot {
display: block;
margin: auto;
}
.index-www_wuming_ren .feature-slide-list {
width: 308px;
height: 22px;
overflow: hidden;
margin: 10px auto 0;
}
.index-www_wuming_ren .feature-slide-list a {
float: left;
display: inline;
width: 22px;
height: 22px;
background: url(/img/20240423_www_wuming_ren_2.png) center no-repeat;
_background: url(/img/20240423_www_wuming_ren_3.png) center no-repeat;
}
.index-www_wuming_ren .feature-slide-list a.current {
background: url(/img/20240423_www_wuming_ren_4.png) center no-repeat;
_background: url(/img/20240423_www_wuming_ren_5.png) center no-repeat;
}
.index-www_wuming_ren .feature-slide-list .feature-list_wuming_ren {
display: inline;
}
.index-www_wuming_ren .feature-slide-list a.previous_wuming {
background: url(/img/20240423_www_wuming_ren_6.png);
_background: url(/img/20240423_www_wuming_ren_7.png);
}
.index-www_wuming_ren .feature-slide-list a.next_wuming_ren {
background: url(/img/20240423_www_wuming_ren_8.png);
_background: url(/img/20240423_www_wuming_ren_9.png);
}
</style>
<script type="text/javascript">
function init_wuming(strId) {
var domRoot = document.getElementById('feature-slide_wuming');
if (!domRoot) return;
domRoot.list = [];
var children = domRoot.childNodes;
var offset = 0;
for (var i in children) {
var domItem = children[i];
if (domItem && domItem.className == 'preview_wuming_ren') {
domRoot.list.push(domItem);
domItem.offset = offset;
offset++;
}
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
var domList = document.getElementById('feature-list_wuming_ren');
if (!domList) return;
domList.innerHTML = '';
domList.items = [];
for (var i = 0; i < domRoot.list.length; i++) {
var temp = domRoot.list[i];
var domItem = document.createElement('a');
domList.appendChild(domItem);
domItem.href = '#';
domItem.onclick = function(){
return false;
}
domList.items.push(domItem);
domItem.offset = i;
}
var domPreviousBtn = document.getElementById('previous_wuming');
var domNextBtn = document.getElementById('next_wuming_ren');
domPreviousBtn.onclick = function(evt) {
evt = evt || window.event;
var target = evt.target || evt.srcElement;
var offset = domList.current.offset;
offset--;
if (offset >= domList.items.length || offset < 0)
offset = domList.items.length - 1;
target.blur();
doSlide(offset);
return false;
}
domNextBtn.onclick = function(evt) {
evt = evt || window.event;
var target = evt.target || evt.srcElement;
var offset = domList.current.offset;
offset++;
if (offset >= domList.items.length || offset < 0)
offset = 0;
target.blur();
doSlide(offset);
return false;
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
domRoot.current = domRoot.list[0];
domList.current = domList.items[0];
domRoot.current.style.display = 'block';
domList.current.className = 'current';
function doSlide(offset, timeStamp) {
if (
timeStamp &&
(
domRoot.boolHover ||
timeStamp != domRoot.timeStamp
)
) return;
if (typeof(offset) != 'number') {
offset = domList.current.offset - (-1);
if (offset >= domList.items.length || offset < 0)
offset = 0;
}
domRoot.current.style.display = 'none';
domList.current.className = '';
domRoot.current = domRoot.list[offset];
domList.current = domList.items[offset];
domRoot.current.style.display = 'block';
domList.current.className = 'current';
if (domRoot.boolHover) return;
var now = new Date();
domRoot.timeStamp = now.valueOf();
window.setTimeout(function() {
doSlide(null, now.valueOf());
}, 5000);
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
domList.onmouseover = domList.onclick = function (evt) {
evt = evt || window.event;
var target = evt.target || evt.srcElement;
while (target && target != domList) {
if (target.tagName.toLowerCase() == 'a') {
target.blur();
doSlide(target.offset);
return false;
}
target = target.parentNode;
}
}
domRoot.onmouseover = domRoot.onmousemove = function() {
domRoot.boolHover = true;
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
domRoot.onmouseout = function(evt) {
domRoot.boolHover = false;
var now = new Date();
domRoot.timeStamp = now.valueOf();
window.setTimeout(function() {
doSlide(null, now.valueOf());
}, 5000);
}
var now = new Date();
domRoot.timeStamp = now.valueOf();
window.setTimeout(function() {
doSlide(null, now.valueOf());
}, 5000);
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
</script>
</head>
<body style="text-align:center">
<a href="https://www.wuming.ren">武鸣人</a>，各种信息资源免费发布，分享励志语录经典短句，减肥健身常识，各种js特效代码。网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<div id="index-www_wuming_ren" class="index-www_wuming_ren">
<div id="feature-slide_wuming" class="feature-slide_wuming">
<div class="preview_wuming_ren" style="display: none; ">
<h3><a href="https://www.wuming.ren">鼠标手势</a></h3>
<p>按住右键滑动鼠标，就能够执行前进、后退和刷新等常用操作。您还可以到设置中心对其进行自定义。</p>
<a href="https://www.wuming.ren" class="screenshot"><img alt="" src="/img/20240423_www_wuming_ren_10.png" /></a>
</div>
<div class="preview_wuming_ren" style="display: none; ">
<h3><a href="https://www.wuming.ren">撤销按钮</a></h3>
<p>通过撤销按钮可以轻松找回失手关闭的重要网页，点击按钮旁边的下拉箭头还会显示最近关闭的页面列表。</p>
<a href="https://www.wuming.ren" class="screenshot"><img alt="" src="/img/20240423_www_wuming_ren_11.png" /></a>
</div>
<div class="preview_wuming_ren" style="display: none; ">
<h3><a href="https://www.wuming.ren">历史搜索</a></h3>
<p>通过历史搜索你可以方便的浏览、搜索和清除浏览历史记录、RSS历史记录以及搜索关键字历史记录</p>
<a href="https://www.wuming.ren" class="screenshot"><img alt="" src="/img/20240423_www_wuming_ren_12.png" /></a>
</div>
<div class="preview_wuming_ren" style="display: none; ">
<h3><a href="https://www.wuming.ren">分屏浏览</a></h3>
<p>将浏览器窗口一分为二，更大发挥宽屏显示器作用；你可以同时浏览两个网站，转载和对照更加方便。</p>
<a href="https://www.wuming.ren" class="screenshot"><img alt="" src="/img/20240423_www_wuming_ren_13.png" /></a>
</div>
<div class="preview_wuming_ren" style="display: none; ">
<h3><a href="https://www.wuming.ren">广告过滤</a></h3>
<p>有效阻止各种弹窗、恶意网页的骚扰,还支持自定义过滤和免过滤列表。铺天盖地的广告，消失吧！</p>
<a href="https://www.wuming.ren" class="screenshot"><img alt="" src="/img/20240423_www_wuming_ren_14.png" /></a>
</div>
<div class="preview_wuming_ren" style="display: none; ">
<h3><a href="https://www.wuming.ren">在线收藏</a></h3>
<p>让你随时随地都可以访问自己的私人收藏夹内容。浏览器会在后台自动保存和同步你的在线收藏夹。</p>
<a href="https://www.wuming.ren" class="screenshot"><img alt="" src="/img/20240423_www_wuming_ren_15.png" /></a>
</div>
<div class="preview_wuming_ren" style="display: none; ">
<h3><a href="https://www.wuming.ren">收集面板</a></h3>
<p>随叫随到的在线版记事本。多标签让管理更加方便，可以随时上传下载，也可以另存为文本文档。</p>
<a href="https://www.wuming.ren" class="screenshot"><img alt="" src="/img/20240423_www_wuming_ren_16.png" /></a>
</div>
<div class="preview_wuming_ren" style="display: none; ">
<h3><a href="https://www.wuming.ren">屏幕截图</a></h3>
<p>将网页内容保存为多种图片格式，方便存档和分享。无论是全屏、局部还是整个页面截图，都由你决定。</p>
<a href="https://www.wuming.ren" class="screenshot"><img alt="" src="/img/20240423_www_wuming_ren_17.png" /></a>
</div>
<div class="preview_wuming_ren" style="display: none; ">
<h3><a href="https://www.wuming.ren">智能填表</a></h3>
<p>智能识别表单进行自动填写，网站注册登录一劳永逸。</p>
<a href="https://www.wuming.ren" class="screenshot"><img alt="" src="/img/20240423_www_wuming_ren_18.png" /></a>
</div>
<div class="preview_wuming_ren" style="display: none; ">
<h3><a href="https://www.wuming.ren">多重代理</a></h3>
<p>通过设置代理规则，你可以通过不同代理服务器访问不同网站，有效提高浏览效率。</p>
<a href="https://www.wuming.ren" class="screenshot"><img alt="" src="/img/20240423_www_wuming_ren_19.png" /></a>
</div>
<div class="preview_wuming_ren" style="display: none; ">
<h3><a href="https://www.wuming.ren">扩展插件</a></h3>
<p>通过安装各种插件进一步扩展浏览器的功能。您也可以编写插件与全球用户分享。</p>
<a href="https://www.wuming.ren" class="screenshot"><img alt="" src="/img/20240423_www_wuming_ren_20.png" /></a>
</div>
<div class="preview_wuming_ren" style="display: none; ">
<h3><a href="https://www.wuming.ren">个性皮肤</a></h3>
<p>不同的皮肤使界面呈现不同的风格，美化浏览器，代言你的个性.你还可以制作皮肤与全球用户分享</p>
<a href="https://www.wuming.ren" class="screenshot"><img alt="" src="/img/20240423_www_wuming_ren_21.png" /></a>
</div>
<div id="feature-slide-list" class="feature-slide-list">
<a href="#" id="previous_wuming" class="previous_wuming"></a>
<div id="feature-list_wuming_ren" class="feature-list_wuming_ren">
</div>
<a href="#" id="next_wuming_ren" class="next_wuming_ren"></a>
</div>
</div>
<script type="text/javascript">
init_wuming();
</script>
</div>
</body>
</html>本文来自武鸣人网站，转载请注明出处