❶ 求一个网页全屏的代码
在<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>