Time of Update: 2013-12-30
在編寫項目中總會需要有個右下角彈層提示公告的需求,怎麼用更簡單方面,更簡潔代碼,實現更好使用者體驗這個就是我們的所要做的內容。市場這塊彈層很多,但功能不盡如人意。下面分享早些時候自己編寫,以及現在還在應用的自動彈層。 彈層樣本圖: 實現代碼如下: Css樣式: 複製代碼 代碼如下: /*通知提示層*/ .msg_info{ font-size: 12px; text-align: left; z-index: 100; position: absolute; display:
Time of Update: 2013-12-30
由於項目需要!需要指令碼在用戶端判斷大小和檔案類型!自己網上找資料找的好辛苦!索性自己寫了一個並測試 檔案上傳大小限制的一個例子,相容ie6,ie7,ie8 ,Google Chrome,ff等瀏覽器 複製代碼 代碼如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script
Time of Update: 2013-12-30
圖片旋轉效果的研究最近在項目中需要做圖片的旋轉功能,我研究了一下。下面來總結片旋轉在各個瀏覽器的支援情況一、圖片旋轉的方案1)css3實現圖片旋轉功能:支援的瀏覽器有chrome,firefox;opera是不支援的。具體代碼為:-moz-transfrom:rotate(90deg);-webkit-ransfrom:rotate(90deg);上述代碼的意思就是將圖片順時針旋轉90度,其實可以旋轉任意的度數。但是支援css3的瀏覽器只有chrome,firefox3.6
Time of Update: 2013-12-30
複製代碼 代碼如下: <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script type="text/javascript"> /** * 向上移動選中的option */ function
Time of Update: 2013-12-30
最近寫點東西,比較鬧心,一個彈出層,上邊有其他元素,本意是滑鼠離開彈出層時,執行一些動作,但在實際應用中,滑鼠離開彈出層中的元素時,也會啟用這些動作。試了各瀏覽器的停止事件冒泡的方法,均無效。還是咱們javaeye裡高人眾多,在一個哥們部落格中發現了如下代碼:複製代碼 代碼如下: function isMouseLeaveOrEnter(e, handler) { if (
Time of Update: 2013-12-30
複製代碼 代碼如下: //驗證檔案的格式 function validateFile(){ var fileObject=$("#filename"); var errorObject=$("#error"); var filepath=fileObject.val(); var fileArr=filepath.split("//"); var fileTArr=fileArr[fileArr.length-1].toLowerCase().split("."); var
Time of Update: 2013-12-30
1.簡單舉例複製代碼 代碼如下:<script type="text/javascript"> var myObservableArray = ko.observableArray(); ///初始化一個空的數組 myObservableArray.push("Some Value"); ///
Time of Update: 2013-12-30
支援多次匹配的方式:複製代碼 代碼如下:var testStr = "now test001 test002"; var re = /test(\d+)/ig; var r = ""; while(r = re.exec(testStr)) { alert(r[0] + " " + r[1]); }
Time of Update: 2013-12-30
複製代碼 代碼如下:<!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
Time of Update: 2013-12-30
該執行個體中,新聞資料列表未使用表格顯示。下面將所有源碼附上,其中用到jquery外掛程式。 複製代碼 代碼如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <c:set var="ctx"
Time of Update: 2013-12-30
總是從ID選取器開始繼承 在class前使用tag 將jquery對象緩衝起來 掌握強大的鏈式操作 使用子查詢 對直接的DOM操作進行限制 冒泡 消除無效查詢 延遲到 $(window).load 壓縮js 全面掌握jquery庫1. 總是從ID選取器開始繼承在jquery中最快的選取器是ID選取器. 因為它直接來自於Javascript的getElementById()方法.複製代碼 代碼如下:<div id="content"><form method="post"
Time of Update: 2013-12-30
複製代碼 代碼如下:document.onkeydown=function(e){ var e=window.event||e; var
Time of Update: 2013-12-30
一)簡單點的如要在一個按鈕上增加認證指令碼,可以這樣複製代碼 代碼如下:<%@ Page Language="C#" %><SCRIPT language="javascript">function getconfirm (){ if (confirm("Do you want to delete record?")==true) return true;
Time of Update: 2013-12-30
複製代碼 代碼如下:function replace(){ var str="tao zhang yi love liu weng ling"; re=new RegExp("l","g"); var newstart=str.replace(re,"t"); alert(newstr);}運行結果:彈出"tao zhang yi tove tiu weng ting";解釋:re=new
Time of Update: 2013-12-30
1.php 介面類:interface其實他們的作用很簡單,當有很多人一起開發一個項目時,可能都會去調用別人寫的一些類,那你就會問,我怎麼知道他的某個功能的實現方法是怎麼命名的呢,這個時候php介面類就起到作用了,當我們定義了一個介面類時,它裡面的方式是下面的子類必須實現的,比如 :複製代碼 代碼如下: interface Shop { public function
Time of Update: 2013-12-30
複製代碼 代碼如下:<html> <head> <title>JavaScript設定首頁和收藏頁面(相容IE和Firefox)</title> <script> //url:要收藏的連結;title:收藏項的名稱
Time of Update: 2013-12-30
在日常的前端開發中,偶爾有需要動態插入javascript代碼的需求,基本思路是: 1、動態建立一個script標籤,設定其src屬性,type屬性等 2、將script節點插入頁面,載入js檔案 即相當於將<script type="text/javascript" src="xxx.js"></script>添加到了頁面,只不過這個過程是動態完成的,為此特意封裝了一個函數來實現: 複製代碼 代碼如下: // 動態插入script標籤 function
Time of Update: 2013-12-30
用JS讓文章內容指定的關鍵字加亮是這樣的..現在有這些關鍵字:美容,生活,購物當在文章裡頭出現這些關鍵字,就把它加亮顯示..文章是產生靜態頁面的,而這些關鍵字是能隨時更新的,所以我想用JS來實現...不知道怎樣來實現這樣的功能啊?特此求助複製代碼 代碼如下:<script language="JavaScript">function highlight(key) { var key = key.split('|'); for (var i=0; i<key.
Time of Update: 2013-12-30
如何擷取select下拉框的值: 1.下拉框的option沒有value屬性時 複製代碼 代碼如下: <select id="param1"> <option>學號</option> <option>姓名</option> <option>年齡</option> </seclect> <script> window.onload = funciton(){ var param =
Time of Update: 2013-12-30
複製代碼 代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>Login.html</title> <meta http-equiv="keywords"