Time of Update: 2017-01-19
1.本頁效果圖片 2.美化後的效果 etongchina@gmail.com [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
本文執行個體講述了jQuery實現浮動層隨瀏覽器捲軸滾動的方法。分享給大家供大家參考。具體如下:這是jQuery實現的一個浮動層效果,隨瀏覽器捲軸而滾動,並一直保持在頂部位置,請使用Firefox測試,IE下表現不盡理想。運行效果截圖如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-float-follow-nav-style-codes/具體代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Time of Update: 2017-01-19
(1)什麼是事件起泡 首先你要明白一點,當一個事件發生的時候,該事件總是有一個事件來源,即引發這個事件的對象,一個事件不能憑空產生,這就是事件的發生。 當事件發生後,這個事件就要開始傳播。為什麼要傳播呢?因為事件來源本身並沒有處理事件的能力。例如我們點擊一個按鈕時,就會產生一個click事件,但這個按鈕本身不能處理這個事件(廢話),事件必須從這個按鈕傳播出去,從而到達能夠處理這個事件的代碼中(例如我們給按鈕的onclick屬性賦一個函數的名字,就是讓這個函數去處理該按鈕的click事件)。
Time of Update: 2017-01-19
Circlr是一款可以對產品圖片進行360度全方位旋轉展示的jQuery外掛程式。Circlr通過按一定角度規律拍攝的產品圖片,製作出可以使用滑鼠拖動、滑鼠滾輪和移動觸摸來進行圖片逐幀旋轉的效果。比先前的Rollerblade,動畫順暢了許多,也更易於控制,該外掛程式非常適合於商品的展示。它的特點有:支援水平或垂直方向旋轉。支援移動觸摸事件。支援滾動事件。圖片預先載入處理。可以反向和迴圈旋轉圖片。jQ酷執行個體教程:jQuery產品圖片360度旋轉Circlr引入核心檔案<script
Time of Update: 2017-01-19
今天遇到jquery怎麼去掉hover的問題,最開始以為直接unbind(“hover”)就可以搞定,可是搞了半天都失敗拉。百度也搜了很多關於jquery中對hover事件unbind,後還是在一個老外的部落格上看到了正確的方法,現在愛微網拿出來共用網上所說的jquery取消hover事件有以下幾種方法: 複製代碼 代碼如下: /* 這種方法是錯誤的 */ $(#hover_div).unbind(hover); /* 這種方法也是錯誤的 */
Time of Update: 2017-01-19
第一種:逐個字串相加 複製代碼 代碼如下:var arr = ['item 1', 'item 2', 'item 3', ...], list = ''; for (var i = 0, l = arr.length; i < l; i++) { list += '<li>' + arr[i] + ''; } list = '<ul>' + list + '</ul>'; 這種最常見的,但是效率最低!代碼邏輯相對來說複雜。 第二種:逐個 push
Time of Update: 2017-01-19
最近需要做一個簡單的Web頁面。 考慮到前端經驗不足,為了快速產出,同時項目只是一個工具,對項目沒有什麼要求,所以我選擇了Bootstrap這個架構作為Web架構。 寫從零開始學Bootstrap的初衷: 看了半天的Bootstrap的文檔,包括官方的(http://v3.bootcss.com/getting-started/)和非官方的(http://www.runoob.com/bootstrap/bootstrap-tutorial.html),以及他人寫的
Time of Update: 2017-01-19
我們最終要達到的效果如下:當單擊學號列的時候,可以進行編輯:當單擊ESC的時候,操作取消,當單擊斷行符號的時候,修改生效(沒有與後台互動)頁面代碼如下(asp.net):<%@ Page Language="C#" AutoEventWireup="true" CodeFile="EditTable.aspx.cs" Inherits="EditTable" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Time of Update: 2017-01-19
本文針對微信jssdk用法進行了詳細匯總,分享給大家,供大家參考,具體內容如下1.綁定網域名稱2.引入js檔案 在需要調用JS介面的頁面引入如下JS檔案,(支援https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js 請注意,如果你的頁面啟用了https,務必引入 https://res.wx.qq.com/open/js/jweixin-1.0.0.js
Time of Update: 2017-01-19
網上有很多教你怎麼使用jQuery.data(..)來實現資料緩衝,但有兩個使用者經常使用的data([key],[value])和jQuery.data(element,[key],[value])幾乎沒有什麼文章說清楚它們兩的區別,所以我用到了,研究下分享給大家。$("").data([key],[value])與jQuery.data(element,[key],[value])的區別這兩個函數都是用來在元素上存放資料也就平時所說的資料緩衝,都返回jQuery對象,當時我分別在使用它倆的時
Time of Update: 2017-01-19
UI Layout是一種基於jQuery的布局架構,項目首頁http://layout.jquery-dev.net/。該架構的參考原型是ExtJS的border-layout,因此十分適用於將原有使用ExtJS的項目改造成jQuery項目。其核心是一個大小自適應的中心面板(必選),面板的上下左右四個方向可以放置可摺疊、可縮放的面板(可選),各個面板可以添加任意數量的頁首和頁尾面板。UI
Time of Update: 2017-01-19
在百度、Google上一搜,大家都是說通過JAVA幕後處理來解決編碼問題,試問,這樣能解決JS檔案本身的編碼問題嗎? 之所以提出JS檔案本身編碼問題,是因為JS檔案的編碼不同,造成了中文顯示為亂碼。 通常,在Eclipse中建立一個JS檔案(含有中文),在Eclipse的編輯器中看到的中文都很正常,但是顯示在網頁上就是亂碼,而我的頁面全部都是採用UTF-8編碼進行編碼的,為此,我想到了,這可能是JS檔案本身編碼問題造成的。在Eclipse中,JS檔案中的中文顯示正常在網頁中,中文卻顯示為亂碼
Time of Update: 2017-01-19
jquery animate動畫效果: 代碼<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>動畫</title> <style> *{margin:0;padding:0;} .box{width: 400px;height: 300px;background: #000;margin:40px
Time of Update: 2017-01-19
在項目中遇到一個問題,在Firefox下,$.getJSON();請求資料一切正常,但是在IE下面,$.getJSON();只請求一次資料,第二次根本就不發送請求了,用fiddler抓取了才知道,第二次沒有發送請求,改成了post就正常了$.getJSON()存在緩衝問題,如果其調用的url之前曾經調用過的話,回呼函數就會直接在緩衝裡取得想要得值,而不是進入到後台解決方案如下:1、讓每次調用的URL都不一樣。方法:在參數中加一個隨機數複製代碼
Time of Update: 2017-01-19
複製代碼 代碼如下:// JavaScript Document var dv; var dvMsg; function customalert() { dvMsg = document.createElement("div"); dvMsg.style.position = "absolute"; dvMsg.setAttribute('id', 'msg'); dvMsg.style.width = "600px"; dvMsg.style.padding = "10 0 2 0";
Time of Update: 2017-01-19
下面例舉如下:如果大家有更好的方法的話望大家提出更好的方法。 一:isNaN方法: isNaN()的意思是非數字,裡面傳入數位話就返回false,傳入的不是數位話就返回true [空的話也是返回true,一個點也是返回true,點個數字組合返回的是false,說明是數字] 複製代碼 代碼如下: <script language="JavaScript"> function testNan(){ if(isNaN('xxx')){ alert('true'); }else{
Time of Update: 2017-01-19
本文執行個體講述了jquery實現Slide Out Navigation滑出式菜單效果代碼。分享給大家供大家參考。具體如下:這裡介紹jquery實現的Slide Out
Time of Update: 2017-01-19
maketrans和translate函數是進行字串字元編碼的常用方法。本文著重點在於示範其基本用法和在不同版本下操作的差異。本文提到的2.X版本指2.6以上的版本,3.X版本指3.1以上的版本。 2.X版本把字串基本分為兩種:unicode字串和8位字串str,後者包含位元組資料和我們常見的ASCII碼資料;而3.X版本則重新對字串進行了劃分,分為了位元組字串bytes和文本字串str,兩者都是不可變的,所以添加了一個可變的位元組字串類型bytearray。
Time of Update: 2017-01-19
今天做東西遇到一個問題,我試圖動態為一個表格添加多行資料,先定義了一個table: 複製代碼 代碼如下: <table> <thead> </thead> <tbody id="filelist"> </tbody> </table> 然後在JavaScript 中這樣操作: 複製代碼 代碼如下: for(var i in entries){ ... var filetable =
Time of Update: 2017-01-19
泡泡的移動,碰撞,消失都完成了,越寫越覺得沒意思,後面的關於遊戲性的東西(比如遊戲有多少關,打破多少泡泡算過關)就懶得寫了。有興趣的朋友可以讀一下,因為很多地方用到閉包修正setInterval(這個函數比較賤)。物件導向,注釋比較完整。 原創JS連鎖泡泡 v1.1 0 原創JS連鎖泡泡 v1.1 原創作者 sunxing007 轉載請務必註明來自: http://blog.csdn.net/