1、网页设计中所有JS特效的加入 如何做得(软件Dreamwear)
像下面这样写,包含在<head></head>标签里面,其中src="js/control.js",js就文件夹,control.js是js特效文件,这里因为control.js文件在js这个文件夹下,所以要进入该文件找到它。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网站名</title>
<link rel="stylesheet" href="styles/base-top.css" type="text/css" />
<link rel="stylesheet" href="styles/base-content.css" type="text/css" />
<link rel="stylesheet" href="styles/base-foot.css" type="text/css" />
<script src="js/jquery-1.4.2.js"></script>
<script language="javascript" src="js/control.js"> </script>
<script language="JavaScript" src="js/filter.js"> </script>
</head>
2、网页设计 调用JS改变图片
你可以把图片命名为1-n 然后每点一次增加1,到达最后一张时,让他等于1
<html>
<head>
<script type="text/javascript">
var count=0;
function Change(){
count++;
if(count>18){
count=1;
}
i = document.getElementById("image");
j = document.getElementById("txt");
j.value="当前专照片第"+count+"张";
if(count<10){
i.src="../../image/00"+count+".jpg";
}else{
i.src="../../image/0"+count+".jpg";
}
}
</script>
</head>
<body onload="Change();">
<p>点击图片,切属换到下一张,最后一张的下一张是第一张</p>
<p><input id="txt" type="text" /></p>
<div>
<img id="image" name="image" src="" onclick="Change();" />
</div>
</body>
</html>
3、网页制作图片特效,鼠标放上去图片出现内发光效果。希望是js特效。不要flash。谢谢
<input type="image" src="images/1.gif" onmousemove="this.src='images/2.gif'" onmouseout="this.src='images/1.gif'" />
4、html动态网页设计,也就是考察javascript语言。以下是题目,怎么制作一个多幅图片切换的特效。
setTimeout()方法是定时执行抄某一个函数,所以你就可以根据这个方法这样写,我大概说一下思路。
var num = 0;
function testImg(){
var imgs = document.getElementByTageName("img");//img是图片引入标签里面的src是图片路径
imgs[num].style.display='true';
if(num>imgs.length){
return false;
} else {
num ++;
setTimeout(" testA()",500);
}
}
function initImg(){
setTimeout(" testA()",500);
}
5、用JavaScript制作一个注册网页,能验证的,效果能跟下面图片一样的,谢谢,希望是完整代码。
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" >
function nm(){
name = document.getElementById("name").value
if(name==''){
document.getElementById("namelable").style.color="red"
document.getElementById("namelable").innerHTML='不能为空'
return false;
}else{
document.getElementById("namelable").innerHTML=''
return true;
}
}
function p(){
var pwd = document.getElementById("pwd").value
if(pwd==''){
document.getElementById("pwdlable").style.color="red"
document.getElementById("pwdlable").innerHTML='不能为空'
return false;
}else{
document.getElementById("pwdlable").innerHTML=''
return true;
}
}
function p1(){
var pwd = document.getElementById("pwd").value;
var pwd1 = document.getElementById("pwd1").value;
if(pwd==pwd1){
document.getElementById("pwdlable1").innerHTML=''
return true;
}else{
document.getElementById("pwdlable1").style.color="red"
document.getElementById("pwdlable1").innerHTML='不能为空'
return false;
}
}
function su(){
if(nm()&p()&p1()){
}
}
</script>
</head>
<body>
姓名<input type="text" id="name" onblur="nm()"/>
<label id="namelable"></label>
<br />
设置密码:<input type="password" id="pwd" onblur="p()"/>
<label id="pwdlable"></label>
<br />
重置密码:<input type="password" id="pwd1" onblur="p1()"/> <label id="pwdlable1"></label>
<br />
<input type="button" value="提交" onclick="su()"/>
</body>
</html>
6、网页制作:谁给我发个js实现图片横向滚动的源代码?
<div id=demo style="width:800px; overflow:hidden;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id=demo1>
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td valign="top"><img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" /></td>
<td valign="top"><img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" /></td>
<td valign="top"><img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" /></td>
<td valign="top"><img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" /></td>
<td valign="top"><img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" /></td>
<td valign="top"><img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" /></td>
<td valign="top"><img src="uploadfiles/smallpic/qfj.jpg" width="165" height="114" border="0" /></td>
</tr>
</table>
</td>
<td id=demo2></td>
</tr>
</table>
</div>
<script>
var speed=20;
document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML
function Marquee(){
if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft<=0)
document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth
else{
document.getElementById("demo").scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed)
document.getElementById("demo").onmouseover=function() {clearInterval(MyMar)}
document.getElementById("demo").onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
id为demo的div 宽度是在版面上要显示出的宽度,这个是必须定义的,还有overflow:hidden这个也是必须的
内容放在demo1的td里面
你放进去滚动的内容宽度必须大于demo的宽度才能滚动,当然这个宽度随你自己定
理论上是可以放无限宽的数据
鼠标悬停就停止滚动,离开继续滚动
7、网页设计中javascript——滤镜效果
HTML基本代码,咱不多说,相信你也懂……
说说JS部分,
变量 i 是用来代表将要上场的图片的,【document.getElementById("img1").src="img/"+i+".jpg"; //设置该图片容器中的图片,根据I的值修改图片】这段代码控制上场的图片,(这里也有个要求,就是要求你希望上场的图片的名都是类似1.jpg、2.jpg、3,jpg、4.jpg……这样的规则的,并且是放在img这个目录下的)。
【if(i>11) {i=1;} 】这段开始部分的代码,意味着,将要上场的图片最多是11张;
变量 j 是用来代表滤镜效果类型的,所以【var j=Math.random()*22+1;//图片随机产生】这个的注释是错误的,应该是“控制滤镜效果随机产生”。
接下来,【document.getElementById("img1").style.filter="RevealTrans (Transition="+j+")"; //设置IMG1这个放图片的容器的动态随机滤镜效果】正如注释所写,是为IMG1这个容器添加滤镜效果的。假如,j=20,那代码不就是【document.getElementById("img1").style.filter="RevealTrans (Transition=20)"; 】了?其中【.style.filter="RevealTrans (Transition=20)"】就是添加滤镜的关键代码,函数RevealTrans和其参数Transition,你需要再多去看看相关资料就能明白了。
IE下的滤镜变换效果有很多,似乎总共有22种,这里Transition=20就是选择其中的一种而已嘛,就这么简单。
【document.getElementById("img1").src="img/"+i+".jpg"; 】就是为IMG1这个容器添加图片,不多解释了。
总之,JS部分的代码实现两个功能,第一是为IMG1添加滤镜效果并应用和启动这个效果,第二是添加图片(也就是图片的地址嘛)。你对不懂的地方,我想应该是容器的 filter 属性,你需要自己去查看相关资料了。
最后我要提醒你的是,这个滤镜效果只有在IE下有效,别的浏览器是没任何效果的。
补充:
+i+、+j+:这里的加号是链接符,表示把两边的字符串链接起来;
看源代码中, "img/"+i+".jpg",这里的 i 不就是个变量而已嘛,假如现在i=5,那么这段代码不就是 "img/"+5+".jpg",最后的结果就是 "img/5.jpg"。
“+”号能作为算术运算符,也能作为字符串的链接符,例如++i,j++就是算术运算符,产生的结果是变量自加1吧,又例如"abc"+"def"就是字符串链接符,产生的结果就是把这两个字符串链接起来,结果是"abcdef"。
如果这块你看不懂,我觉得你的程序基础知识似乎还差不少啊,再多看看
8、网页制作 怎么改变图片的大小?用js脚本
高度是 height,
你最少写了三个 heigt =.=
9、我准备找工作,会CSS+div制作网页,JS能修改,网页也做过不少,都是静态页面加上个特效,没有设计图.PS修图会
掌握的技能不很全面造成的
你是做前端开发的 ps fl 设计类必须掌握的
html css js 也是要掌握的