網頁設計js插件

1、網頁設計里的js文件是什麼

有問題找百度，不要這么懶

先在網頁一般都會用javascript實現頁面的動態效果，甚至用Ajax（javascript+XML）實現非同步通信效果。

用到javascript代碼的頁面中，javascript代碼的存放位置總共有三種情況：
1. 在<script></script>標簽中間
2. 在各個標簽的< ... onClick="javacript代碼" /> 中
3. 外置的javascript代碼，就是以 .js 文件形式存在

2、網頁製作，排版DIV+CSS，JS，用什麼方法可以做出下面這種排版，現在很多網頁都是這樣的，怎麼做的？

這種排版方式叫做瀑布流

一般都是靠js來控制的，純css的不好寫

現在瀑布流的js插件很多，谷歌 瀑布流插件 源碼一把一把的

純手打，希望幫到你

3、jquery在網頁設計中的作用

Web開發人員每天都使用JavaScript為他們創建的網站帶來必要的功能。jQuery提供了一個提供強大功能和靈活性的特殊工具。jQuery是一個JavaScript庫，有助於簡化和標准化JavaScript代碼和HTML元素之間的交互。JavaScript允許網站具有交互性和動態性，jQuery是一種有助於簡化流程的工具。

同時JQuery也是一個緊湊，快速且功能豐富的JavaScript庫。它通過易於使用的API在大量瀏覽器中運行，使得HTML文檔遍歷和操作，事件處理，動畫和Ajax更加簡單。JQuery結合了多功能性和可擴展性，改變了數百萬人編寫JavaScript的方式。換句話說，由於JQuery，JavaScript以簡化形式呈現。閱讀起來相當舒服。

(3)網頁設計js插件擴展資料：

JQuery的優點

1、易於使用：如果我們將它與標准JavaScript和其他庫進行比較，它使用起來既簡單又快捷。它由簡單的語法組成，並且需要較少的代碼行。

2、巨大的庫：與其他庫相比，它允許您執行大量功能。

3、插件的可用性：可以使用許多預先編寫的插件來立即壓縮開發過程。這背後的另一個優點是腳本的效率和安全性。

4、綜合教程： JQuery網站提供了不言自明的文檔和教程，以便在絕對的編程初學者面前進行理解。

5、AJAX支持：它允許我們輕松地開發Ajax模板，Ajax支持更流暢的界面，可以在頁面上執行操作，而不需要重新載入整個頁面。

6、靈活性：所有瀏覽器中的契約，是目前最流行的JavaScript庫。

4、網頁製作如何在頁面上調用js插件？

把插件文件放到你製作網頁的文件夾下面。
然後引入你的製作頁面。
例：
<SCRIPT src="js/fun.js" type=text/javascript></SCRIPT>
js/fun.js 是引入文件的路徑和文件名

5、網頁設計中常用的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);   

});  

6、網頁製作中js是幹嘛用的

html只能用來做靜態的頁面，js可以實現當前日期的調用，div左側與右側的自適應，給你個網址你學學吧很好的 http://www.w3school.com.cn/js/index.asp js語句可長可短，自己根據需要寫 // JavaScript Document function initArray(){ for(i=0;i<initArray.arguments.length;i++) this[i]=initArray.arguments[i]; } var isnMonths=new initArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); var isnDays=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日"); today=new Date(); hrs=today.getHours(); min=today.getMinutes(); sec=today.getSeconds(); clckh=""+((hrs>12)?hrs-12:hrs); clckm=((min<10)?"0":"")+min; clcks=((sec<10)?"0":"")+sec; clck=(hrs>=12)?"下午":"上午"; var stnr=""; var ns="0123456789"; var a=""; function getFullYear(d){ //d is a date object yr=d.getYear(); if(yr<1000) yr+=1900; return yr; } document.write(getFullYear(today)+"年"+isnMonths[today.getMonth()]+""+today.getDate()+"日 "+isnDays[today.getDay()]); 這是我寫的顯示日期的代碼，把我這段代碼放進div， <div> <ul><li class="date">當前日期：<script src="nowdate.js"></script></li></ul></div> 顯示結果就是：當前日期： 2012年4月14日 星期六

7、網頁設計用html和js製作一個登錄界面,大神幫幫忙？

① 建議使用HTML標簽時用語義化標簽，比如主塊部分就先用一個section標簽括起來；

② 外加css樣式設置美化頁面，特別是登錄界面的靈動感；

③ JavaScript綁定事件，實現更加人性化的功能；

8、網頁設計中所有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>

9、網頁設計里的js文件是什麼

有問題找百度，不要這么懶

先在網頁一般都會用javascript實現頁面的動態效果，甚至用Ajax（javascript+XML）實現非同步通信效果。

用到javascript代碼的頁面中，javascript代碼的存放位置總共有三種情況：
1. 在<script></script>標簽中間
2. 在各個標簽的< ... onClick="javacript代碼" /> 中
3. 外置的javascript代碼，就是以 .js 文件形式存在