87,901
社区成员
发帖
与我相关
我的任务
分享
<div id="wrapper">
<div id="examples_outer">
<div id="slider_container_1">
<div id="SliderName">
<a onclick="adsclick(0);" href="javascript:void(0);" attr="http://www.baidu.com" target="_self" title="baidu"><img src="http://192.168.28.154:8080/html/jsp/upload1/20140904/3761409792742425.jpg" title="范宽.jpg"/></a>
</div>
<div class="c"></div>
<div id="SliderNameNavigation"></div>
<div class="c"></div>
<script type="text/javascript">
// we created new effect and called it 'demo01'. We use this name later.
Sliderman.effect({name: 'demo01', cols: 10, rows: 5, delay: 10, fade: true, order: 'straight_stairs'});
var demoSlider = Sliderman.slider({container: 'SliderName', width: document.documentElement.clientWidth, height: document.documentElement.clientHeight, effects: 'demo01',
display: {
pause: true, // slider pauses on mouseover
autoplay: 5000, // 3 seconds slideshow
always_show_loading: 200, // testing loading mode
description: {background: '#ffffff', opacity: 0.5, height: 50, position: 'bottom'}, // image description box settings
loading: {background: '#000000', opacity: 0.2, image: 'img/loading.gif'}, // loading box settings
buttons: {opacity: 1, prev: {className: 'SliderNamePrev', label: ''}, next: {className: 'SliderNameNext', label: ''}}, // Next/Prev buttons settings
navigation: {container: 'SliderNameNavigation', label: ' '} // navigation (pages) settings
}});
//20140728 给图片添加点击事件:提交表单
var isformed = 0;
function adsclick(adcount){
var vals = document.getElementsByTagName('a');
var appointedurl=new Array();
for (var k=0; k<vals.length; k++){
if (vals[k].getAttribute('attr')){
appointedurl[k] = vals[k].getAttribute('attr');
}
}
...
function formaction(URL){
// 当前广告链接
var cururl=URL.replace(':','%3A');
// 获得表单中的action部分
var actionstr=$("form:first").attr("action");//没有获取到 自己检查
var strstart=actionstr.indexOf('url=');
var strend=actionstr.length;
// 截取action部分的url地址
var oriurl=actionstr.substring(strstart+4,strend);
actionstr=actionstr.replace(oriurl,cururl);
// 替换表单action中的url
$("form:first").attr("action",actionstr);
// 提交表单
$("form:first")[0].submit();
}
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="imagetoolbar" content="no" />
<meta name="keywords" content="slideman, sliderman.js, javascript slider, jquery, slideshow, effects" />
<style type="text/css">
* { margin: 0; outline: none; }
body { background-color: #444444; }
.c { clear: both; }
#wrapper { margin: 0 auto; padding: 0 0 0 0; width: 100%; }
h2 { padding: 20px 0 10px 0; font-size: 24px; line-height: 40px; font-weight: normal; color: #adc276; text-shadow: 0 1px 3px #222222; }
</style>
<script type="text/javascript" src="/sf/sf_default/js/slidermanE1.js"></script>
<link rel="stylesheet" type="text/css" href="/sf/sf_default/css/sliderman.css" />
<meta content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0" name="viewport">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="title" content="未来网络创新研究院" />
<meta name="description" content="Authpuppy authentication server for wifidog wireless networks" />
<title>未来网络创新研究院</title>
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/blueprint/screen.css" />
<link rel="stylesheet" type="text/css" media="print" href="/css/blueprint/print.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/main.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/jQuery/themes/ui-lightness/jquery-ui-1.8.2.custom.css" />
<script type="text/javascript" src="/js/authpuppy.js"></script>
<script type="text/javascript" src="/js/jQuery/jquery.min.js"></script>
<script type="text/javascript" src="/js/jQuery/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="/js/jQuery/jquery.jsonp.js"></script>
<script type="text/javascript" src="/js/menu.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var accessPath = /(^\/$|^\/login|^\/login\?)/g;
var adTime = 15;
// 20140812 新增广告时长变量
if (accessPath.test(window.location.pathname)) {
$("#menu").remove();
$("input").hide();
$("#page").removeClass("container");
$("#page").addClass("containerdev");
$("#header").removeClass("span-24");
$("#header").addClass("span-100");
$("#content").removeClass("span-19");
$("#content").addClass("span-100");
function autoLogin(){
if (isformed == 0){
$("form:first").submit();
}
}
setTimeout(autoLogin, adTime*1000);
}
});
</script>
</head>
<body>
<div id="page" class="container ">
<!--[if lt IE 7]> <div style=' clear: both; height: 59px; padding:0 0 0 15px; position: relative; text-align: center;'> <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div> <![endif]-->
<div id="header" class="span-24 last">
<!-- <a href="http://www.fnic.cn/">
未来网络创新研究院 </a>
-->
</div>
<!-- 调整16至19 -->
<div id="content" class="span-19">
<script type="text/javascript">
var authenticators = new Array();
authenticators.push('apDefaultAuthenticator');
function selectAuthMethod(form) {
for (var i = 0; i < authenticators.length; i++) {
element = document.getElementById("authPlugin_" + authenticators[i]);
if (authenticators[i] == form.value) {
element.style.display = "block";
} else {
element.style.display = "none";
}
}
}
</script>
<form action="http://192.168.28.154/login/?gw_address=192.168.1.1&gw_port=2060&gw_id=zhangrong&mac=98:6c:f5:55:f0:7e&url=http%3A//m.baidu.com/" method="POST">
<input type="hidden" name="gw_id" value="zhangrong" />
<input type="hidden" name="gw_address" value="192.168.1.1" />
<input type="hidden" name="gw_port" value="2060" />
<input type="hidden" id="authenticators" name="authenticator" value="apDefaultAuthenticator"/>
<div id="authPlugin_apDefaultAuthenticator" style="display: none">
<!--<h1>广告页</h1>-->
<table>
<div id="wrapper">
<div id="examples_outer">
<div id="slider_container_1">
<div id="SliderName">
<a onclick="adsclick(0);" href="javascript:void(0);" attr="http://www.baidu.com" target="_self" title="baidu"><img src="http://192.168.28.154:8080/html/jsp/upload1/20140904/3761409792742425.jpg" title="范宽.jpg"/></a><div class="SliderNameDescription">溪山</div><a title="baidu" target="_self" onclick="adsclick(1);" href="javascript:void(0);" attr="http://www.baidu.com"><img src="http://192.168.28.154:8080/html/jsp/upload1/20140916/44891410859927955.jpg" title="Jellyfish.jpg"/></a><div class="SliderNameDescription">水母怎么说</div><a title="baidu" target="_self" onclick="adsclick(2);" href="javascript:void(0);" attr="http://www.baidu.com"><img src="http://192.168.28.154:8080/html/jsp/upload1/20140917/81091410922350044.jpg" title="Lighthouse.jpg"/></a><div class="SliderNameDescription">黎明之光</div>
</div>
<div class="c"></div>
<div id="SliderNameNavigation"></div>
<div class="c"></div>
<script type="text/javascript">
// we created new effect and called it 'demo01'. We use this name later.
Sliderman.effect({name: 'demo01', cols: 10, rows: 5, delay: 10, fade: true, order: 'straight_stairs'});
var demoSlider = Sliderman.slider({container: 'SliderName', width: document.documentElement.clientWidth, height: document.documentElement.clientHeight-60, effects: 'demo01',
display: {
pause: true, // slider pauses on mouseover
autoplay: 5000, // 5 seconds slideshow
always_show_loading: 200, // testing loading mode
description: {background: '#ffffff', opacity: 0.5, height: 50, position: 'bottom'}, // image description box settings
loading: {background: '#000000', opacity: 0.2, image: 'img/loading.gif'}, // loading box settings
buttons: {opacity: 1, prev: {className: 'SliderNamePrev', label: ''}, next: {className: 'SliderNameNext', label: ''}}, // Next/Prev buttons settings
navigation: {container: 'SliderNameNavigation', label: ' '} // navigation (pages) settings
}});
//20140728 给图片添加点击事件:提交表单
var isformed = 0;
function adsclick(adcount){
var vals = document.getElementsByTagName('a');
var appointedurl=new Array();
for (var k=0; k<vals.length; k++){
if (vals[k].getAttribute('attr')){
appointedurl[k] = vals[k].getAttribute('attr');
}
}
// 20140811防止表单多次提交
if ( isformed==0 ){
formaction(appointedurl[adcount]);
isformed = 1;
}
else{
window.location.href=appointedurl[adcount];
//alert("Do not submit it for the second time.");
}
}
function formaction(URL){
// 当前广告链接
var cururl=URL.replace(':','%3A');
// 获得表单中的action部分
var actionstr=$("form:first").attr("action");
var strstart=actionstr.indexOf('url=');
var strend=actionstr.length;
// 截取action部分的url地址
var oriurl=actionstr.substring(strstart+4,strend);
actionstr=actionstr.replace(oriurl,cururl);
// 替换表单action中的url
$("form:first").attr("action",actionstr);
// 提交表单
$("form:first")[0].submit();
}
</script>
<div class="c"></div>
</div>
<div class="c"></div>
</div>
<div class="c"></div>
</div>
<input type="submit" value="Login" />
</table>
</div>
</form>
<script type="text/javascript">
selectAuthMethod(document.getElementById("authenticators"));
</script>
</div>
<div id="menu" class="span-7 last">
<ul class="menu noaccordion">
<!-- <li class="expand"><a href="#">General</a> -->
<li class="expand"><a href="#">基本功能</a>
<ul class="acitem">
<!-- <li><a href="/node/index">Manage nodes</a></li> -->
<!-- <li><a href="/plugin/manage">Manage plugins</a></li> -->
<li><a href="/node/index">节点管理</a></li>
<li><a href="/plugin/manage">插件管理</a></li>
<!-- <li><a href="/guard/users">Users</a></li> -->
<!-- <li><a href="/configure">Server configuration</a></li> -->
<li><a href="/guard/users">用户管理</a></li>
<li><a href="/configure">服务设置</a></li>
<!-- <li><a href="http://192.168.28.154:8080/html">Edit Ad</a></li> -->
</ul><li>
<li class="expand"><a href="#">统计信息</a>
<ul class="acitem">
<li><a href="/statistics">详细记录</a></li> </ul></li>
<!-- <li><a href="/logoutdoctrine">Logout</a></li> -->
<li><a href="/logoutdoctrine">退出</a></li>
</ul>
<script type="text/javascript">
$("#main_menu > li").click(function(){
$(this).next().slideToggle(300);
});
$('#main_menu > ul:eq(0)').show();
</script>
</div>
</div>
</body>
</html>