1、网页设计软件DW里,JS效果代码怎么增加到原有的网页代码内?
<script type="text/javascript" src="js文件地址"></script>这是外调js
<script type="text/javascript">
这是页面内直接写js
</script>
2、网页设计里的js文件是什么
有问题找百度,不要这么懒
先在网页一般都会用javascript实现页面的动态效果,甚至用Ajax(javascript+XML)实现异步通信效果。
用到javascript代码的页面中,javascript代码的存放位置总共有三种情况:
1. 在<script></script>标签中间
2. 在各个标签的< ... onClick="javacript代码" /> 中
3. 外置的javascript代码,就是以 .js 文件形式存在
3、关于网站整体JS架构(设计)的问题 前端设计师请进
有这么个讲法?一般就是需要啥写啥咯,根据设计稿做呀,哪里要动了,就写个滚动代码,至于ajax,这个要跟后台程序员商榷,共同完成
4、网页设计中常用的javascript脚本有哪些
$(“a[href=’#top’]”).click(function() {
$(“html, body”).animate({ scrollTop: 0 }, “slow”);
return false;
});
复制以上代码放在网页的JavaScript标签中,然后在底部添加一个id为“top”的链接就会自动返回到顶部了。
2、复制表单顶部标题到底部:
var $tfoot = $(‘<tfoot></tfoot>’);
$($(‘thead’).clone(true, true).children().get().reverse()).each(function(){
$tfoot.append($(this));
});
$tfoot.insertAfter(‘table thead’);
3、载入额外的内容:
$(“#content”).load(“somefile.html”, function(response, status, xhr) {
// error handling
if(status == “error”) {
$(“#content”).html(“An error occured: “ + xhr.status + ” “ + xhr.statusText);
}
});
有时候需要为单独的一个div层从外部载入一些额外的数据内容,下面这段短码将会非常有用。
4、设置多列层等高:
var maxheight = 0;
$(“div.col”).each(function(){
if($(this).height() > maxheight) { maxheight = $(this).height(); }
});
$(“div.col”).height(maxheight);
在一些布局设计中,有时候需要让两个div层高度相当,下面是采用js方法实现的原理(需要等高的div层设置class为”col”)。
5、定时刷新部分页面的内容:
setInterval(function() {
$(“#refresh”).load(location.href+” #refresh>*”,“”);
}, 10000); // milliseconds to wait
如果在你的网页上需要定时的刷新一些内容,例如微博消息或者实况转播,为了不让用户繁琐的刷新整个页面,可以采用下面这段代码来定时刷新部分页面内容。
6、预载入图像:
$.preloadImages = function() {
for(var i = 0; i<arguments.length; i++) {
$(“<img />”).attr(“src”, arguments[i]);
}
}
$(document).ready(function() {
$.preloadImages(“hoverimage1.jpg”,“hoverimage2.jpg”);
});
有些网站页面打开图像都未载入完毕,还要苦苦等待。下面这段代码实现图像都载入完毕后再打开整个网页。
7、测试密码强度:
这个比较给力,现在很多网站注册的时候都加入了密码强度测试功能,以下代码也简单提供了密码强度测试功能。
HTML代码部分:
<input type=“password” name=“pass” id=“pass” />
<span id=“passstrength”></span>
JavaScript脚本代码:
$(‘#pass’).keyup(function(e) {
var strongRegex = new RegExp(“^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*W).*$”, “g”);
var mediumRegex = new RegExp(“^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$”, “g”);
var enoughRegex = new RegExp(“(?=.{6,}).*”, “g”);
if (false == enoughRegex.test($(this).val())) {
$(‘#passstrength’).html(‘More Characters’);
} else if (strongRegex.test($(this).val())) {
$(‘#passstrength’).className = ‘ok’;
$(‘#passstrength’).html(‘Strong!’);
} else if (mediumRegex.test($(this).val())) {
$(‘#passstrength’).className = ‘alert’;
$(‘#passstrength’).html(‘Medium!’);
} else {
$(‘#passstrength’).className = ‘error’;
$(‘#passstrength’).html(‘Weak!’);
}
return true;
});
8、自适应缩放图像:
有时候网站上传的图像需要填充整个指定区域,但是有时候图像比例并不恰好合适,缩放后效果不好。一下代码就实现了检测图像比例然后做适当的缩放功能。
$(window).bind(“load”, function() {
// IMAGE RESIZE
$(‘#proct_cat_list img’).each(function() {
var maxWidth = 120;
var maxHeight = 120;
var ratio = 0;
var width = $(this).width();
var height = $(this).height();
if(width > maxWidth){
ratio = maxWidth / width;
$(this).css(“width”, maxWidth);
$(this).css(“height”, height * ratio);
height = height * ratio;
}
var width = $(this).width();
var height = $(this).height();
if(height > maxHeight){
ratio = maxHeight / height;
$(this).css(“height”, maxHeight);
$(this).css(“width”, width * ratio);
width = width * ratio;
}
});
//$(“#contentpage img”).show();
// IMAGE RESIZE
});
9、自动载入内容:
现在很多网站,特别是微博,都不需要翻页的按钮了,直接下拉后会自动载入内容。下面的脚本就是简单实现了个这种效果。
var loading = false;
$(window).scroll(function(){
if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){
if(loading == false){
loading = true;
$(‘#loadingbar’).css(“display”,“block”);
$.get(“load.php?start=”+$(‘#loaded_max’).val(), function(loaded){
$(‘body’).append(loaded);
$(‘#loaded_max’).val(parseInt($(‘#loaded_max’).val())+50);
$(‘#loadingbar’).css(“display”,“none”);
loading = false;
});
}
}
});
$(document).ready(function() {
$(‘#loaded_max’).val(50);
});
5、网页里面就一张室内设计图片 怎么在这个页面加些动画效果呢 。比如js效果 或者啥的
很多时候会反图片当背景,上面加个透明适合的flash
也有用JS图片特效,把多张图片做个切换的效果
6、网页设计中所有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>
7、网页设计里的js文件是什么
有问题找百度,不要这么懒
先在网页一般都会用javascript实现页面的动态效果,甚至用Ajax(javascript+XML)实现异步通信效果。
用到javascript代码的页面中,javascript代码的存放位置总共有三种情况:
1. 在<script></script>标签中间
2. 在各个标签的< ... onClick="javacript代码" /> 中
3. 外置的javascript代码,就是以 .js 文件形式存在
8、html+css已经可以做出很不错的网页了,js在网页设计是什么用的?ajax?
只有js才能网页真正的动起来 这是html+css做不到的
9、设计网站的时候,为什么不用 CSS3 和JS 特效?
设计网站?这是用ps做出来的psd图片,你是不是问错了?把问题描述清楚一点,你这样我不清楚你想问的重点是什么。