❶ 求一個網頁全屏的代碼
在<head></head>之間加入以下代碼
<script language="javascript" type="text/javascript">
function openwindow() {
window.opener=null;
window.close();
window.open("index.asp","",'fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1')
}
</script>
然後把<body>改成<body onload="openwindow()">
index.asp是要打開的頁面
注意:以上代碼不要放在index.asp里,放到其他回任意頁面里,否則就會答變成網頁炸彈.
比如放到index1.asp,一進入index1.asp就會全屏打開index.asp,然後index1.asp會自動關閉.
❷ 淘寶首頁裡面的全屏是怎麼設置的
方法一：設置頁面背景圖片。但是設置頁面背景圖片不僅定位難而且載入速度很慢。
方法二：在自定義模塊加入代碼。下面的代碼是經過在網上搜索後總結簡化而來的。正在網店使用的方法。經證明非常好用。不懂代碼的美工可以直接套用。
<div style="height:386px;">
<!--總模塊的高 -->
<div class="footer-more-trigger" style="width:1920px;top:auto;padding:0px;border:none;left:50%;">
<div class="footer-more-trigger" style="width:1920px;padding:0px;border:none;left:-960px;">
<!--插入圖片開始 ，下面插入切好的圖片，注意是橫條寬為1920px的圖片-->
<img src="http://blog.163.com/l05_01/blog/" width="1920" height="86" alt="" />
<img src="http://blog.163.com/l05_01/blog/" width="1920" height="300" alt="" />
<!--插入圖片結束 -->
</div>
</div>
</div>
❸ 首頁banner寬度全屏顯示的問題，div+css
Web App在iPad調試頁面，我們常常會遇到需要全屏顯示的效果。下面就介紹一下如何使用HTML5代碼來實現。
1、全屏顯示：
<meta name="apple-mobile-web-app-capable" content="yes" />
2、設備寬度顯示
<meta name="viewport" id="viewport" content="width=device-width,
initial-scale=1, minimum-scale=1, maximum-scale=1" />
先將以上兩段代碼加入到HTML5開發的頁面當中。
3、將頁面添加到iPad桌面
用iPad下的Safari瀏覽器訪問開發的頁面，點擊「分享」圖標，然後在下拉界面中選擇「添加到主屏幕」。
可以修改名字，也可以通過代碼：
<link rel="apple-touch-icon" href="icon.png" />
<!--http://www.beijingtengyi.com -->
修改圖標，這樣就有了一個可以全屏的webApp了。
注意：第一次可能不顯示全屏，或許有緩存的問題。
❹ 求人現在寫一段簡單的首頁全屏輪播的html代碼，寫好有錢
自己加五張圖片，然後：
<!doctype html>
<html>
<head>
<!--聲明當前頁面的編碼集：charset=gbk,gb2312(中文編碼)，utf-8國際編碼-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--當前頁面的三要素-->
<title>騰訊課堂-專業的在線教育平台</title>
<meta name="Keywords" content="關鍵詞,關鍵詞">
<meta name="description" content="">
<!--css,js-->
<style type="text/css">
*{margin:0;padding:0;}
body{font-size:12px;font-family:"微軟雅黑";color:#666;height:1500px;}
img{border:0;}
/*banner start*/
.banner{width:100%;height:350px;margin-top:px;}
.banner .b_adv{width:1200px;height:50px;margin:0 auto;position:relative;}
.banner .b_adv a{position:absolute;top:0;left:220px;}
.banner .b_bg{height:300px;background:#4a4d9c;z-index:1;}
.banner .b_bg .b_con{width:1200px;height:300px;margin:0 auto;
position:relative;z-index:2;
}
/*focus start*/
.banner .b_bg .b_con .focus{width:760px;height:300px;
position:absolute;left:220px;top:0;z-index:3;overflow:hidden;}
.banner .b_bg .b_con .focus .f_pic{position:relative;}
.banner .b_bg .b_con .focus .f_pic li{list-style:none;}
.banner .b_bg .b_con .focus .f_btn{height:24px;
position:absolute;bottom:10px;left:330px;
/*left:50%;margin-left:-70px;*/
}
.banner .b_bg .b_con .focus .f_btn ul{background:#000;display:inline-block;padding:7px 28px;opacity:0.4;filter:alpha(opacity=40); border-
radius:15px;}
.banner .b_bg .b_con .focus .f_btn ul li{width:8px;height:8px;border-radius:10px;border:1px solid #fff;float:left;list-style:none;margin:0
3px;}
.banner .b_bg .b_con .focus .f_btn ul .no{background:#fff;}
.banner .b_bg .b_con .focus .f_ear{width:46px;height:70px;display:block;background:url("images/icon.png") no-repeat;
position:absolute;display:none;
}
.banner .b_bg .b_con .focus:hover .f_ear{display:block;}
.banner .b_bg .b_con .focus .pre{left:10px;top:110px;background-position:-74px 0;}
.banner .b_bg .b_con .focus .pre:hover{background-position:-172px 0;}
.banner .b_bg .b_con .focus .next{right:10px;top:110px;background-position:-123px 0;}
.banner .b_bg .b_con .focus .next:hover{background-position:0 -57px;}
/*end focus*/
.clear{clear:both;}
</style>
</head>
<body>
<!--banner start-->
<div class="banner">
<div class="b_bg">
<div class="b_con">
<!--focus start-->
<div class="focus">
<ul class="f_pic">
<li>
<a href="#">
<img src="images/banner-3.jpg" alt="潭州學院" width="760" height="300" />
</a>
</li>
<li>
<a href="#">
<img src="images/banner-1.jpg" alt="潭州學院" width="760" height="300" />
</a>
</li>
<li>
<a href="#">
<img src="images/banner-2.jpg" alt="潭州學院" width="760" height="300" />
</a>
</li>
<li>
<a href="#">
<img src="images/banner-4.jpg" alt="潭州學院" width="760" height="300" />
</a>
</li>
<li>
<a href="#">
<img src="images/banner-5.jpg" alt="潭州學院" width="760" height="300" />
</a>
</li>
</ul>
<div class="f_btn">
<ul>
<li class="no" data-color="#4E4D9B"></li>
<li data-color="#A136D2"></li>
<li data-color="#6766CE"></li>
<li data-color="#563481"></li>
<li data-color="#009DE4"></li>
</ul>
</div>
<a href="#" class="f_ear pre"></a>
<a href="#" class="f_ear next"></a>
</div>
<!--end focus-->
</div>
</div>
</div>
<!--end banner-->
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function(){
// 焦點圖切換
var index = 0;
// 輪展圖切換
$(".f_btn").find("li").mouseover(function(){
// 控制小按鈕
$(this).addClass("no").siblings().removeClass("no");
var _index = $(this).index(); // 獲取當前選中的索引
index = _index; // 重新賦值
$(".f_pic").find("li").eq(_index).fadeIn("slow").siblings().hide(); // 聯動切換
// 切換背景顏色
var background = $(this).data("color");
$(this).parents(".b_bg").css("background",background);
});
// 下一張
$(".next").click(function(){
index++;
var length = $(".f_pic").find("li").length;
if(index >= length){
index = 0;
}
// 切換背景顏色
var background = $(".f_btn").find("li").eq(index).data("color");
$(this).parents(".b_bg").css("background",background);
// 聯動小按鈕
$(".f_btn").find("li").eq(index).addClass("no").siblings().removeClass("no");
$(".f_pic").find("li").eq(index).fadeIn("slow").siblings().hide(); // 聯動切換
});
// 上一張
$(".pre").click(function(){
index--;
var length = $(".f_pic").find("li").length;
if(index < 0){
index = length - 1;
}
// 切換背景顏色
var background = $(".f_btn").find("li").eq(index).data("color");
$(this).parents(".b_bg").css("background",background);
// 聯動小按鈕
$(".f_btn").find("li").eq(index).addClass("no").siblings().removeClass("no");
$(".f_pic").find("li").eq(index).fadeIn("slow").siblings().hide(); // 聯動切換
});
// 自動切換,一般不使用setTimeout只執行一次
setInterval(function(){
index++;
var length = $(".f_pic").find("li").length;
if(index >= length){
index = 0;
}
// 切換背景顏色
var background = $(".f_btn").find("li").eq(index).data("color");
$(".b_bg").css("background",background);
// 聯動小按鈕
$(".f_btn").find("li").eq(index).addClass("no").siblings().removeClass("no");
$(".f_pic").find("li").eq(index).fadeIn("slow").siblings().hide(); // 聯動切換
},2000);
});
</script>
</body>
</html>