js网页制作代码大全（制作网页时 内容的显示和隐藏的代码）

本文目录

• 制作网页时 内容的显示和隐藏的代码
• 网页的最大化,最小化,最大化的JS代码如何写
• 请问网页设计中常用JavaScript语言有哪些例：
• 网页设计中常用的javascript脚本有哪些
• 网页制作中的弹出窗口代码
• 在网站制作中,我用JS代码生成网页标题（代码如下）,现在我想改变标题的颜色，请问怎样添加代码

制作网页时 内容的显示和隐藏的代码

好好回答一下，以下代码实现你所说的效果，演示之用：
代码是在网上转的，我作了一点注释，下面代码保存为.html可以看到效果。
《html》
《head》
《title》《/title》
《script type="text/javascript"》
function show(){
if(document.getElementById("table_foot").style.display=="block")
{//如果id为table_foot的标签style.diplay属性为block，则执行：
document.getElementById("table_foot").style.display="none";
}else{
document.getElementById("table_foot").style.display="block";
}
}
《/script》
《/head》
《body》
《table border="1" width="100%"》
《tr id="table_head" onclick="show()" style="cursor:pointer;"》
《td align="center"》点击这里显示内容《/td》
《/tr》
《tr id="table_foot" style="display:none;"》《!--看这里ID值在这儿。 --》
《td height="300" align="center" valign="middle" 》你看到我没啊？哈！圣诞快乐！《/td》
《/tr》
《/table》
《/body》
《/html》

网页的最大化,最小化,最大化的JS代码如何写

《/p》
《/div》
《h3 》
符号和源代码《/h3》
《div 》
《p》
两个需要考虑安全的 Visual Studio 工具如下：《/p》
《/div》
《p》
《/p》
《/div》
《/div》
《/body》
《/html》
《br /》
《a href="http://www.webdm.cn"》网页代码站《/a》

请问网页设计中常用JavaScript语言有哪些例：

要学网页设计，就需要掌握HTML+CSS+JavaScript/Jquery，目前做网页设计就是用这三大神器语言进行开发的。此外就是数据库方面的一些知识：要想学PHP，ASP，JSP，.net先学数据库，原因是以上后台语言都有和数据库交互的代码，所以要先学，为了方便。下面分别进行说明：首先是基础HTML，他是网页的框架，不可缺的。css:层叠样式表，要想美化网页就是它的强项，例如：给页面增加一些色彩，设置字体的特殊颜色，背景色，字体的排列方式等等；js:很多动态效果都用他来做，有时候数据判定也用他做。ajax技术是很重要也很热门的一门技术，再配合javascript/jquery的作用，可以给页面增加一些行为，比如你的鼠标放在某个字体的上面的时候，字体的颜色就变了，点击一个元素就消失了，这些都是改变页面的行为。温馨提示：不管学什么语言先打好基础，然后再学不然会很吃力的，如果想往网页UI发展，就只需要熟习PHP，ASP，这些后台语言，而重点学前面的哪些语言，如果想要往高层发展，哪么Flash,photoshop.，AC都要学，还要有美术功底。

网页设计中常用的javascript脚本有哪些

• $(“a”).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);   

• }   

• }   

• $(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,})(?=.*)(?=.*\\W).*$”, “g”);   

• var mediumRegex = new RegExp(“^(?=.{7,})(((?=.*))).*$”, “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   

• $(‘#product_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);   

• });  

网页制作中的弹出窗口代码

一组常用的弹出窗口用法
以下代码集合常用的弹出窗口用法。
1、最基本的弹出窗口代码
《SCRIPT LANGUAGE="javascript"》
《!--
window.open (’page.html’)
--》
《/SCRIPT》
代码放在《SCRIPT LANGUAGE="javascript"》标签和《/script》之间。
《!-- 和 --》是对一些版本低的浏览器起作用。
window.open (’page.html’) 用于控制弹出新的窗口page.html，如果pa
方法四：用一个按钮调用：
《input type="button" onclick="openwin()" value="打开窗口"》

在网站制作中,我用JS代码生成网页标题（代码如下）,现在我想改变标题的颜色，请问怎样添加代码

只能修改页面统一代码中的颜色设置:
a:hover {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
color: #fff;
text-decoration: none;
}
嗯,哈哈...