1、网页制作有一个区域图片可以不断自动切换,这种效果怎样做,代码是什么?大神们帮帮忙
用JS+FLASH的效果还可以,我这有个ASP的,需要的话可以发给你参考
2、网页设计中怎么让一张图片填充满整个画面 求代码
CSS背景抄代码 :body { background:#fff url(images/bg.jpg) repeat-x center top;}
上面就是当前网页使用images下的bg.jpg做为背景 。repeat-x 横向重复.你可以测试 一下。
3、制作网页怎样做图片切换效果?最好详细代码!
效果主要做的是无缝切换图片:
<style>
*{ margin:0; padding:0; list-style:none;}
#box{ width:840px; border:1px solid #000; height:210px; margin:30px auto; position:relative; overflow:hidden;}
#box ul{ position:absolute; left:0; top:0;}
#box ul li{ width:200px; height:200px; float:left; padding:5px;}
</style>
<script>
window.onload=function(){
var oBox=document.getElementById('box');
var oUl=oBox.children[0];
var aLi=oUl.children;
//复制一份内容 ,制作出无缝的效果
oUl.innerHTML+=oUl.innerHTML;
oUl.style.width=aLi.length*aLi[0].offsetWidth+'px';
setInterval(function(){ //开定时器,这样就可以自己切换,无需人工干预。
var l=oUl.offsetLeft-10; //图片切换,就是移动距离
if(l<=-oUl.offsetWidth/2){
l=0;
}
oUl.style.left=l+'px';
},30);
};
</script>
</head>
<body>
<div id="box">
<ul>
<li><img src="img/1.jpg" width="200"></li>
<li><img src="img/2.jpg" width="200"></li>
<li><img src="img/3.jpg" width="200"></li>
<li><img src="img/4.jpg" width="200"></li>
</ul>
</div>
4、javascript 网页设计 怎么在同一位置显示几张不同的图片(图片自动变换)。
看看是不是这种图片切换
在同一个位置切换图片
还有12345数字一起切换
鼠标点一下数字会变换到另一张图片,不点就会自动换
里面有教程和源码
5、html求制作一个简单网页代码,只需要一些文字加张图片
完整的代码如下:
<html>
<head>
<title>简单网页制作练习</title>
</head>
<body>
<p>1.文字内容,直接输入文字即可。。。。。如果想设置其相关属性可以使用font标签
<font size="18" color="red" >红色18号文字</font> </p>
<p> 2.添加图片 <img src="图片名称.属性" id=“图片简介”>
<img src="1.jpg" id=" 加入图片练习"> </p>
</body>
</html>
楼主,如果不明白可以HI联系我。。。。
6、求 网页设计三张图片轮流切换的代码,简单点的就可以
&
7、网页设计的javacsript的图片切换代码, 谁能帮我写个例子 鼠标指向1234的那种, 不需要任何特效
无标题文档 ul{ list-style:none;} li{ display:inline; float:left; margin-left:15px; display:none;} img{border:5px solid #000; width:100px; height:100px;} .pagediv{ clear:both; margin:15px; display:block;} .pagediv a{border:1px solid #c9c9c9; margin-left:5px;}function changepic(num,n){ //num当前要显示的图片 n 图片总数for(i=1;i var menu=document.getElementById("pic"+i); menu.style.display=i==num?"block":"none";}} https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/xuan2009pengyo/abpic/item/76e0ea14cf71977ef2de32dc.jpg
" /> https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/matlabsky/abpic/item/91c9a0cbb5a2607ef21fe7ba.jpg
" /> 1234
8、网页设计中如何设置两张图片每隔几秒循环切换怎么写代码
//下面是可配置轮播动画代码
$.fn.slide=function(options){
var defaults= {
affect:1, //1:上下滚动; 2:幕布式; 3:左右滚动;4:淡入淡出
time: 5000, //间隔时间
speed:500, //动画快慢
dot_text:true,//按钮上有无序列号
};
var opts=$.extend(defaults,options);
var $this=$(this);
var ool=$("<div class='dot'><p></p></div>");
var $box=$this.find("ul");
var $li=$box.find("li");
var timer=null;
var num=0;
$this.append(ool);
$box.find("li").each(function(i){
ool.find("p").append($("<b></b>"));
if(opts.dot_text){
ool.find("b").eq(i).html(i+1)
}
})
ool.find("b").eq(0).addClass("cur");
switch(opts.affect){
case 1:
break;
case 2:
$box.find("li").css("display","none");
break;
case 3:
$box.css({"width":$li.eq(0).width()*$li.length});
$li.css("float","left");
break;
case 4:
$box.find("li").css("display","none");
break;
}
$box.find("li").eq(0).show(0);
ool.find("b").mouseover(function(){
num=$(this).index();
run ();
})
timer=setInterval(auto,opts.time);
function auto(){
num<$box.find("li").length-1?num++:num=0;
run();
}
function run(){
ool.find("b").eq(num).addClass("cur").siblings().removeClass("cur");
switch(opts.affect){
case 1:
$box.stop(true,false).animate({"top":-240*num},opts.speed);
break;
case 2:
$box.find("li").css({"position":"absolute"});
$box.find("li").stop(false,true).fadeOut(opts.speed).eq(num).slideDown(opts.speed);
break;
case 3:
$box.stop(true,false).animate({"left":-670*num},opts.speed);
break;
case 4:
$box.find("li").css({"position":"absolute"});
$box.find("li").stop(false,true).fadeOut(opts.speed).eq(num).fadeIn(opts.speed);
break;
}
}
$this.mouseover(function(){
clearInterval(timer);
})
$this.mouseout(function(){
timer=setInterval(auto,opts.time);
})
}
}(jQuery));
9、网页设计中怎么让一张图片填充满整个画面 求代码
1、如果楼主只是将其当做一张图片显示,可以通过css控制,如img{width:100%;height:100%;}.
否则需要将其作为网页背景的话可以试试如下方法:
2、如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。
这时可以拐个弯,设置两层div,底层div当做背景使用,放置一张图片即可。
<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>
再将网页内容放置到第二层上<div id="content">页面内容</content>
3、网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复,但又得占满浏览器所采用的方法。