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>    <title></title> 

第一種方法： 複製代碼 代碼如下: <%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html>

原理和過程 1.頁面滾動式載入事件 2.擷取元素在頁面裡的top值 根據捲軸的位置 判斷何時顯示圖片 3.擷取元素集合 載入過的圖片從集合裡刪除 效果預覽：http://jsfiddle.net/dtdxrk/SkYNq/embedded/result/ 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=

在系統測試過程中，發現使用了SwfUpload實現的無重新整理上傳功能，在IE10上竟然無法使用了，難道SwfUpload不支援嗎?還是需要換一種實現方式呢？最後通過瞭解SwfUplad.JS檔案發現，我們是可以修改的，讓其支援IE10,具體解決方案如下： 開啟SwfUpload.js，在js檔案中找到// Private: getFlashHTML generates the object tag needed to embed the flash in to the

 動態構建Regex複製代碼 代碼如下: new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) )來自sizzle，動態構建正則時，這樣做避免了字元轉義。更靈活和巧妙的數字補零複製代碼 代碼如下:function prefixInteger(num, length) {    return (num / Math.pow(10,

晚上要考軟體工程，實在不想複習。寫個播放器吧，這個只是個用來學習的小Demo，眾多不完善之處，下面貼出原始碼，如果要轉載，請加上著作權聲明PS:因為Ajax涉及到跨域擷取天氣資訊，有兩個版本，一個是直接跨域，IE10支援，其他的瀏覽器要改配置。另一個是伺服器端的weather.php，擷取天氣資訊返回json。 weather.php就不寫了，裡面的對應路徑存放對應的檔案 示範地址: http://569375.ichengyun.net/fm/

複製代碼 代碼如下:function SetIFrameHeight(down) {         var Sys = {};         var ua = navigator.userAgent.toLowerCase();         var s;   &

在做校園網視頻網站的時候，首頁有一個導航頁面要實現滾動效果，有範例，但代碼是在難弄懂，貌似網頁設計這塊還是只有自己的代碼自己懂，索性就仿造別人的效果自己做了一個，大體上還行，看起來還是比較流暢的，不次於原作的么。 現在先把代碼拷貝到這裡，以後再逐一簡化修改： 實現滾動效果，指令碼代碼如下： 複製代碼 代碼如下: var all=0; var no=0; var s_width=0; $(document).ready(function(){ all=$('.slide').length;

知識點： Array方法： sort:降序 reverse:反序 效果：  代碼： 複製代碼 代碼如下: <style> *{ margin: 0; padding: 0; } #tableSort{ line-height: 22px; background: #ccc; } #tableSort thead, #tableSort tfoot{ background: #066; color: #fff; font-size: 14px; } #tableSort

下面的函數接收一個參數，該參數可以是數組還可以是一個元素，返回元素的文本。 複製代碼 代碼如下: function text(e){ var str = ""; //如果傳入的是元素，擷取它的子項目 //否則，當它是一個數組 e=e.childNodes || e; for ( var i = 0; i < e.length; i++ ) { //判斷元素類型 //如果是text就擷取它的文本，否則，遍曆它的子項目 str += e[i].nodeType != 1 ?

函數的聲明和調用 JavaScript是一種描述型指令碼語言，由瀏覽器進行動態解析與執行。函數的定義方式大體有以下兩種，瀏覽器對於不同的方式有不同的解析順序。 代碼如下: 複製代碼 代碼如下: //“定義式”函數定義 function Fn1(){ alert("Hello World!"); } //“賦值式”函數定義 var Fn2 = function(){ alert("Hello wild!"); }

Math.random():擷取0~1隨機數Math.floor() method rounds a number DOWNWARDS to the nearest integer, and returns the result. (小於等於 x，且與 x 最接近的整數。)其實傳回值就是該數的整數位：Math.floor(0.666)   -->  0Math.floor(39.2783)   --> 

複製代碼 代碼如下:<!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>    <title></title> 

多的不說了，直奔主題，分享一個放大效果的popup dialog，項目中可以根據自己的需求來寫css，我打算複用到metro風格的site上去。 看起來動畫效果還是比較cool的，如果加上了處理後的效果更佳： 複製代碼 代碼如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script

複製代碼 代碼如下: <!-- 本文參照了該作者的思路：http://runjs.cn/code/ouvvjqka，jquery代碼系另外編寫 --> <!-- 本文出自：http://blog.csdn.net/liuyanzhi08 --> <!-- 實現思路： CSS:用一個絕對位置的div作為動畫滑塊,改變它的left屬性來呈現動畫效果 javascript：hover()觸發移動滑鼠到導航nav的動作，和移出導航nav的動作（即返回到current導航）

註：images檔案夾片的命名是從1~5.jpg有規律的 聲明的 var array = [1, 2, 3, 4, 5]; 這個數組存放的是圖片的名稱 複製代碼 代碼如下: <head> <title></title> <script src="Jquery1.7.js" type="text/javascript"></script> <style type="text/css"> img { width: 200px;

先來一張。  滑鼠移動到對應的分類，下面的紅色小三角形就會自動跟隨，緩慢的跟隨。 不管有多少個都可以。 javascript code: 複製代碼 代碼如下: function changeCoord(id, left) { $$(id).style.left = left; } function $$(id) { return document.getElementById(id); } function $$$(id) { return

沒有event就沒有指令碼。可以看看任何有JavaScript代碼的網頁：幾乎所有的例子都有一個事件觸發了指令碼。原因非常簡單。JavaScript就是給你的頁面添加內部活動：使用者做一些事情然後頁面做出回應。 因此JavaScript就需要一個方法能夠檢測到使用者的動作然後才能知道什麼時候做出反應。這還需要知道那個函數會被執行，函數會做一些你認為的給你的網頁增色的動作。這些文字描述了如何去寫這樣的指令碼。雖然不容易，但是這是一個很讓人滿足的工作。

現象如下：1）在Firefox下，處理頁面的編碼為gb2312，提交資料沒有問題，中文能夠正確解析；2）在IE8下，處理頁面的編碼為gb2312，提交中文資料出現亂碼。無論是$.post還是$.ajax，抑或$.ajaxSubmit（來自於Form外掛程式），在之前的UTF-8編碼的網站都沒有出現過任何問題，

目前的版本 v0.2 v0.1 修複IE9-- Array.prototype.sort 不能根據 對象屬性 做排序的遺憾 v0.2 修複safari 不支援函數參數 複製代碼 代碼如下: !function(window){ var ua = window.navigator.userAgent.toLowerCase(), reg = /msie|applewebkit.+safari/; if(reg.test(ua)){ var _sort = Array.prototype.sort;