其他

CKFinder 1.4 下載地址：http://ckfinder.com/CKEditor3.0 下載地址：http://ckeditor.com/執行個體： 複製代碼 代碼如下: <textarea id="Textarea1" name="editor1" rows="10" cols="80"></textarea> <script type="text/javascript"> if (typeof CKEDITOR == 'undefined')

這兩天趕一個項目，要求滑鼠點擊小圖顯示大圖，於是用JS來根據小圖來設定大圖的SRC，設計完後問題就出來了。在IE6下大圖顯示不出，滑鼠放置在圖片上右鍵連結地址是可以正常顯示連結地址的，並且點擊顯示圖片圖片才能被正常顯示。IE7,IE8和FF是沒有這些問題的。代碼如下： 複製代碼 代碼如下: function picclick() { var pic = $('marqueediv').getElementsByTagName('a'); var len = pic.length;

[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]定義和用法 onkeyup 事件會在鍵盤按鍵被鬆開時發生。 文法 onkeyup="SomeJavaScriptCode"參數 描述 SomeJavaScriptCode 必需。規定該事件發生時執行的 JavaScript。 支援該事件的 HTML 標籤： <a>, <acronym>, <address>, <area>, <b>, <bdo>,

讓所有沒用過firebug的朋友來，徹底的入門使用，對於進階提示雲棲社區以後會為大家都準備一些的。希望大家多多的支援我們，支援雲棲社區。1、firebug做什麼用的FireBug是FireFox下最強大的調試外掛程式.它對於網頁開發人員來說，Firebug是Firefox瀏覽器中最好的外掛程式之一。

這篇文章是我從一個國外網站看的視頻，經過簡單實踐，我發現這樣做的確可以提高不少效率。下面來說說這種方式: 先決條件: 安裝firefox+firebug 這裡以我的部落格為例: 基本的使用如下: OK，下面讓我們步入正題:就拿上面的圖片為例，我們看到部落格園所有的標題都將class命名為:postTitle,下面我們利用jQuery將頁面中的標題隱藏: 當然，我們也可以給頁面的元素加入事件: 小結

jquery ui製作仿騰訊web qq使用者介面，酷炫個性的desktop案頭特效展示支援各大主流瀏覽器IE6以上。jQuery使用者體驗設計,web qq案頭十分動感酷炫。 查看示範：複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

在web開發中，經常會用到iframe，難免會碰到需要在父視窗中使用iframe中的元素、或者在iframe架構中使用父視窗的元素 在父視窗中擷取iframe中的元素 格式：$("#iframe的ID").contents().find("#iframe中的控制項ID").click(); 執行個體：$("#ifm").contents().find("#btnOk").click(); 在iframe中擷取父視窗的元素 格式：$('#父視窗中的元素ID',

在進入主題之前，我們先來看一個前台頁面經常用到的功能：點擊頁面輸入框時自動選擇其中文本。很容易想到利用輸入框的focus事件，當輸入框獲得焦點時，再調用jQuery的select()方法。Okay，想法很簡單，邏輯似乎也無錯。具體我們來看一下現實到底能不能實現。1.頁面構造個表單，放上幾個輸入框。代碼看起來是這樣子的。複製代碼 代碼如下:<form action="/" method="post">       

今天在js權威指南第19章看到一句話, 說 jQuery的資料架構沒有將元素資料當作元素屬性來儲存,但它確實需要給元素添加一個特殊的屬性用來與資料關聯. 但jQuery究竟是添加了一個怎樣特殊的屬性,目前我還沒研究, 但我記得是可以通過jQuery的data("xxx")方法取HTML標籤上的data-xxx屬性的值的. 測試及結果如下： 複製代碼 代碼如下: var $demo1 = $("#demo1"); $demo1.data("x",123);

密保互斥問題： 密保通常都會有n個問題，讓使用者選擇其中2、3個，而且都不會讓使用者選擇重複的問題。這就要求密保互斥。效果如下： 下面我用了jquery實現密保互斥，用於解決密保，投票等類似互斥問題，可以支援ie6+，Firefox，Google，opera等大多數瀏覽器 demo下載：http://download.csdn.net/download/cwqcwk1/5956141 關鍵代碼： 複製代碼 代碼如下: <script type="text/javascript">

表徵圖斜著移動，看代碼了 複製代碼 代碼如下: <!DOCTYPE html > <html> <head> <title>表徵圖線性迴歸移動到指定的位置</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body style="font-size: 13px;">

複製代碼 代碼如下:setTimeout("document.getElementById('qq_dd').style.display='block'; ",5000);// JavaScript Document$(function(){   

jQuery提供了強大的val()方法來處理value相關操作。獲得單個select的值和多選select的值。複製代碼 代碼如下:HTML 程式碼:<p></p><br/><select id="single">  <option>Single</option>  <option>Single2</option></select><select

return false 阻止表單提交不起今天這個問題困擾了我很久，在網上找了很多資料，基本上關於onsubmit=return false有以下幾點要注意的地方： 1. return 的傳回值問題，函數中return一旦有傳回值，就不在執行下面的語句，直接跳到函數調用的地方。如下PHP函數代碼，第一個if條件符合則函數值返回布爾型false，可以返回一個函數的值,並且跳出這個函數；只要遇到return語句，程式就在那一行代碼停止執行，執行控制將立刻返回到調用該程式的代碼處。 複製代碼

jQuery Animation的工作原理是通過將元素的CSS樣式從一個狀態改變為另一個狀態。CSS屬性值是逐漸改變的，這樣就可以建立動畫效果。只有數字值可建立動畫（比如 "margin:30px"）。字串值無法建立動畫（比如 "background-color:red"）。詳細用法請參考jQuery 效果 - animate()方法和官方教程。 像CSS3好多效果因為不是數值的，所以是沒有辦法直接通過animate()方法實現的。如translate(), rotate(), scale(),

複製代碼 代碼如下: //頁面載入完執行resizeImage()函數 $(document).ready(resizeImage()); function resizeImage(){ $(".pic a img").each(function(){ //載入圖片至記憶體，完成後執行 $(this).load(function(){ //獲得原始圖片高寬 var imgWidth = $(this).width(); var imgHeight = $(this).height();

今天又次體會到jquery的強大了，做了個多級複選框的效果，代碼總共就20+行就over了。 我又想用js來做一個看看，才寫了幾個方法就寫不動了，相容性要考慮很多，而且代碼量直線上升。 主要分享下jquery的這個效果的實現。代碼塊分兩塊： 一是全選的效果，就是點擊全選的複選框時它的子孫都相應被選中或者未選中。這人很好做，代碼如下： 複製代碼 代碼如下: evtEle.parent().next(".checks").find("input:checkbox").attr("checked",

部落格的前某一篇文章中http://www.jb51.net/article/35175.htm寫過一個用Ajax來實現一個文字框輸入的提示功能。最近在一個管理項目的項目中，使用後發現，真的反應很慢，資料量很大的情況下使用Ajax去實現真的不合適，於是，我又寫了一個使用Jquery來實現方法。 廢話不多說，上圖上代碼:  引用方式： 複製代碼 代碼如下: <body style="background-color: White;"> <form id="form1"

最近一周在做中文站搜尋禮品widget的需求，這個需求中有一個分頁的功能；具體demo可以參見下圖：對應的js應用檔案是同一個，頁面中後面的offer資料已經埋好了，只是啟用了css display:none樣式把後面的offer元素隱藏了。現在要求對已存在的頁面元素實現上下分頁效果，也就是頁面元素總集可以通過$(.class)獲得，然後來實現分頁功能。按照傳統的一般做法，用jQuery可寫成如下:複製代碼 代碼如下:var total=$(.class).length;

複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>404 Not Found</title&