Time of Update: 2014-07-06
今天發現一個頁面始終不執行初始化指令碼,代碼如下:<script type="text/javascript" src="Script/jquery-1.11.1.min.js" /><script type="text/javascript">$(document).ready(function() {alert(1);});</script>後來發現問題僅僅是因為引用JQuery的時候閉合寫法問題,只需要修改閉合方法,如下所示:<script
Time of Update: 2014-07-06
分頁類,我放在 plugin/Paginate.js複製代碼 代碼如下:/** * 分頁外掛程式類(缺少每頁的顯示數,listrows明天寫) * @param page {Number} 當前頁 * @param pagesize {Number} 每頁記錄數 * @param total {Number} 總記錄數 * @constructor */function Paginate(page, pagesize, total){&
Time of Update: 2014-07-06
通常我們判斷js圖片大小都是利用images對象,然後再用attr來擷取圖片地址再進行判斷就可以了,下面來看一些例子。最簡單辦法:複製代碼 代碼如下:var img=new Image(); img.src=$('#tlogo').attr('src'); if(img.width > '240'){ $('#tlogo').attr(
Time of Update: 2014-07-06
架構間的互相引用一個頁面中的所有架構以集合的形式作為window對象的屬性提供,例如:window.frames就表示該頁面內所有架構的集合,這和表單對象、連結化物件、圖片對象等是類似的,不同的是,這些集合是document的屬性。因此,要引用一個子架構,可以使用如下文法:複製代碼
Time of Update: 2014-07-06
jQuery實現選項卡功能。首先將介面搭建好。有導航頭tab_menu,還有內容tab_box。要實現的效果就是,點擊後,將相應的內容顯示出來,其他內容隱藏掉。同時為了展現選中狀態,為選中的項添加背景,以示區別。這一次,我自己寫了代碼,先看html部分:複製代碼 代碼如下:<div class="tab"> <div class="tab_menu">
Time of Update: 2014-07-06
複製代碼 代碼如下: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
Time of Update: 2014-07-06
1、執行個體源碼 複製代碼 代碼如下: <!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 http-equiv="Content-Type"
Time of Update: 2014-07-06
複製代碼 代碼如下: <!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 http-equiv="Content-Type"
Time of Update: 2014-07-06
首先下載jquery.multiselect.js 的外掛程式然後複製下列代碼,只需改下路徑就可以實現可多選下拉框。如果好用還請多多支援!複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2014-07-06
最近編寫一個執行個體的時候使用到toggle函數,但是調用的時候會把元素隱藏掉,之前使用過也只是多個事件輪流切換罷了。百思不得其解於是就在網上搜尋查看jQuery API文檔。終於發現了原因: 原來在jQuery 1.9版本之後,toggle()發生了變化,以下是官網的Notes: Note: This method signature was deprecated in jQuery 1.8 and removed in jQuery 1.9. jQuery also provides an
Time of Update: 2014-07-06
複製代碼 代碼如下:(function($){ $.fn.autoMail = function(options){ var autoMail = $(this); var _value = '';
Time of Update: 2014-07-06
一、需求原因在填寫表單時需要實現如下效果二、具體實現複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type"content="text/html;
Time of Update: 2014-07-06
html代碼:<div style="width:1000px; overflow:hidden; margin:0 auto"> <div class="kppcl" style="width:1008px; position:relative" id="kppcl"> <div class="kppcld"> <div class="kppcld_t"> <div
Time of Update: 2014-07-06
先來看看示範效果:歡迎訪問指令碼之家PHP教程 指令碼之家PHP教程 簡單易懂的JavaScript魔法 簡單易懂的JQuery魔法html()方法此方法類似於JavaScript中的innerHTML 屬性,可以用來讀取或者設定某個元素中的HTML內容。要擷取某個元素的內容,可以這樣:var p_html = $("p").html();//擷取p元素的HTML代碼
Time of Update: 2014-07-06
前面寫過ajax讓返回的內容顯示在特定div裡最近在看jquery,所以又用jquery重新寫了個,jquery果然是“寫得更少,做得更多”<html> <head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <meta charset="utf-8"
Time of Update: 2014-07-06
var ohtml='<div class="friend-dialog tac pt15 pb20">'+ '<div class="f-h32">您已經成功發送好友申請。</div>'+ ' <p class="c999">上傳真實頭像,好友申請更容易被通過哦,趕緊上傳頭像吧!</p> '+ '<a href="<%=path%>/teacher/editUserAvatar.action"
Time of Update: 2014-07-06
全域範圍下this;當在全域範圍中使用 this,它指向全域對象。這裡詳細介紹下全域對象:全域對象(Global object) 是在進入任何執行內容之前就已經建立了的對象;這個對象只存在一份,它的屬性在程式中任何地方都可以訪問,全域對象的生命週期終止於程式退出那一刻。全域對象初始建立階段將 Math、String、Date、parseInt 作為自身屬性,等屬性初始化,同樣也可以有額外建立的其它對象作為屬性(其可以指向到全域對象自身)。例如,在 DOM 中,全域對象的 window
Time of Update: 2014-07-06
通過四個屬性可以獲得元素的位移量:1、offsetHeight: 元素在垂直方向上佔用的空間的大小,(像素)。包括元素的高度,(可見的)水平捲軸的高度,上邊框高度和下邊框高度。2、offsetWidth:元素在水平方向上佔用的空間的大小,,(像素)。包括元素的寬度,(可見的)垂直捲軸的高度,左邊框高度和右邊框高度。3、offsetLeft: 元素的左外邊框至包含元素的左內邊框之間的像素距離;3、offsetTop: 元素的上外邊框至包含元素的上內邊框之間的像素距離;
Time of Update: 2014-07-06
以下是控制滾動的樣式,將滾動的內容查詢出來,放在一個div 或者別的容器裡面,我這裡使用的是<dt><style>#newCglist{width:300px;height:14px;line-height:14px;overflow:hidden}#newCglist li{height:14px;padding-left:10px;}</style>以下是滾動內容展示的容器<dt class="positionrel" id="newCglist"
Time of Update: 2014-07-06
滑輪滾動頁面的事件在網頁特效中進場遇到,但是在不同瀏覽器下的實現方式又不同。下面我實現的方法,相容常見瀏覽器。function getData(event){ var e = event || window.event; //擷取滾動距離(FF每次滾動 data為3或者-3,其他為120或者-120) var data = e.detail || e.wheelDelta; alert(data); } //IE之外的綁定事件方法 if(document.addEventListener &&