其他

本文執行個體講述了JS基於物件導向實現的拖拽庫。分享給大家供大家參考。具體如下：這是一個物件導向的JS拖拽庫，可設定水平鎖定、垂直鎖定、鎖定位置、鎖定範圍等，設定這些範圍後，只能在設定的模式下拖動，我覺得這是個挺不錯的拖拽執行個體。運行效果截圖如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-mxdx-draw-plug-codes/具體代碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

效果圖如下：我們在網頁上放置一個複製按鈕，主要用來方便使用者複製連結之類的複雜文本，以往的做法是，通過JS依靠Flash，甚至藉助jQuery龐大的js庫來實現文本複製到剪貼簿的。今天我要給大家介紹的是一款極現代的，不需要flash，不依賴任何其他js庫的非常小的外掛程式，它叫clipboard.js。查看示範 下載源碼HTML首先載入本地clipboard.js檔案。複製代碼 代碼如下:<script src="clipboard.min.js"></script>

一般對於ie9以上的瀏覽器、chrome等瀏覽器都可以支援var iframe = document.createElement('iframe'); iframe.src="http://www.jb51.net"; document.body.appendChild(iframe);但考慮瀏覽器的相容性問題可以使用下面的代碼try{ var iframe = document.createElement('<iframe

最近做一個Web網站，之前一直覺得bootstrap非常好，這次使用了bootstrap3,在chrome,firefox,safari,opera，360瀏覽器（極速模式）、搜狗瀏覽器等瀏覽器下均沒有問題，而在IE8及IE11下發現樣式無法顯示，然後各種百度啊，最後在一個網友文章的協助下解決了問題，先將解決方案總結如下：首先需要確保你的HTML頁面開始部分要有DOCTYPE聲明。DOCTYPE告訴瀏覽器使用什麼樣的HTML或XHTML規範來解析HTML文檔，具體會影響：對標記attribute

和大家分享一個有趣的測試：0.1+0.2 == 0.3 //false頓時鬱悶，好吧！原來0.1+0.2變成：0.30000000000000004再來一個 2.4/0.8 =>2.9999999999999996 沒辦法換種方式，都轉換成整數 (2.4 * 100)/(0.8 * 100)10.22 現在要減去 0.11 結果值又出現了很多的小數 10.110000000000001，然後我就用了 toFixed

本文執行個體講述了JS實現的文字與圖片定時轉場效果代碼。分享給大家供大家參考。具體如下：這是近來門戶們都喜歡用的特效，左側是一個大圖片，右側是對應文字，滑鼠移動時，對應行的文字會變化，圖片也相應的切換，如果沒有滑鼠動作時，它會自己播放，播放時間可調整，個人感覺挺不錯的導航效果。運行效果截圖如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-txt-pic-time-cha-tab-codes/具體代碼如下：<head><meta

js產生隨機數主要用到了內建的Math對象的random()方法。用法如：Math.random()。它返回的是一個 0 ~ 1 之間的隨機數。有了這麼一個方法，那產生任意隨機數就好理解了。比如實際中我們可能會有如下的需要：（1）產生一個 0 - 100 之間的隨機整數，那麼則可以：parseInt(100*Math.random()); 注意：因為Math.random()的傳回值是包括0和1的，所以這裡是有產生0和100的可能性的。（2）產生一個從 m - n

記得去年做某個項目的時候，用到了郵箱輸入自動提示功能，於是網上搜了一下，發現了這個寫得不錯，現在回想起來，轉載一下，方便查閱。郵箱的廣泛使用得益於它的免費，因此很多網站在註冊的時候都會直接使用郵箱作為帳號名為了提高使用者的體驗，很多網站都會實現郵箱輸入的自動提示功能。實現效果如圖所示：核心代碼（需要jquery的支援）：(function($){ $.fn.mailAutoComplete = function(options){ var defaults = {

本文執行個體講述了jQuery實現仿百度首頁滑動伸縮展開的添加服務效果代碼。分享給大家供大家參考。具體如下：這是一款仿百度首頁jQuery滑動伸縮展開的添加服務效果，其實是一款伸縮菜單，只不過這個菜單有點特別，只從一頭向另一頭伸展出去，菜單的伸縮效果平滑，設計精美。運行效果截圖如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-f-baidu-index-show-serv-style-codes/具體代碼如下：<!DOCTYPE html

為什麼學習RequireJS？像我這種菜鳥，會提到海量文章裡提到的AMD、JS模組化編程、非同步... ... 等等RequireJS會讓你以不同於往常的方式去寫JavaScript。你將不再使用script標籤在HTML中引入JS檔案，以及不用通過script標籤順序去管理依賴關係。RequireJS是一個Javascript

本文執行個體講述了JS實現的不規則TAB選項卡效果代碼。分享給大家供大家參考。具體如下：這是一款採用菱形的選項卡效果，一改選項卡中規中矩的風格，效果非常不錯，奉獻給大家。運行效果截圖如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-bgz-tab-cha-style-codes/具體代碼如下：<html><head><meta http-equiv="Content-Type" content="text/html;

在項目中，需要完成這樣一個功能：在加入新機構的時候，需要選擇它的上級機構，實現方式為點擊尋找填入按鈕，彈出彈窗頁面，使用者點擊所需的行，並點擊確定按鈕，將使用者選擇的機構名稱和機構代碼傳回到加入新機構的頁面。在這裡記錄一下彈窗頁面代碼<!DOCTYPE html PUBLIC "-//WC//DTD HTML . Transitional//EN" "http://www.w.org/TR/html/loose.dtd"> <%@ page contentType="text/

小編不建議使用這種功能，畢竟是一種對網頁瀏覽者不友好的行為。好，下面言歸正傳：<html xmlns="http://www.w3.org/1999/xhtml"><head><title>強制設為首頁</title><script type="text/javascript">var ucook = document.cookie;var user = ucook.indexOF("ilooki=");if (user == -1)

如何使用JavaScript擷取一個表格的行數和列數？其實很簡單，假設存在如下表格：<table width="100%" border="1" cellspacing="0" cellpadding="0" id="example_table"> <tr> <td> </td> <td> </td> <td> </td>

使用JavaScript即時的計算使用者當前輸入的字元數函數代碼：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript統計字元數</title> <script language="javascript"> function CountWords(obj, show_id){

本文執行個體講述了JS實現新浪部落格左側的Blog管理菜單效果代碼。分享給大家供大家參考，具體如下：這裡介紹新浪部落格左側的Blog管理菜單，我們變通一下，如果你在設計程式，那麼本款菜單用到後台管理中想必應該很合適吧，圖片是調用新浪的，用了比較多的圖片，你用的時候最好是下載到本地，以免新浪哪天改版了，你就傻了。運行效果截圖如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-sina-blog-left-menu-style-codes/具體代碼如下：<h

本文執行個體講述了JS實現左右拖動改變內容顯示地區大小的方法。分享給大家供大家參考。具體如下：這裡示範左右可拖動的內容顯示區效果，左右拖動紅條改變顯示地區寬度大小，往左拖則全部顯示右側內容，往右拖則全部顯示左則內容，類似QQ的聊天視窗一樣，可以向上或向下拖動大小，以適合使用者的要求。本代碼完全JavaScript與CSS代碼結合實現，在各主流瀏覽器內啟動並執行相容性也不錯，左右拖動改變大小的JS代碼推薦給大家。運行效果截圖如下：線上示範地址如下：http://demo.jb51.net/js/2

本文執行個體講述了JS實現Fisheye效果動感放大菜單代碼。分享給大家供大家參考，具體如下：這款Fisheye

本文執行個體講述了JS實現仿新浪黃色經典滑動門效果代碼。分享給大家供大家參考。具體如下：這是一款仿新浪網的滑動門，黃色經典，操作舒適度確實很舒服，不虧是門戶哦，長度和寬度這個就要自己修改啦，布局緊湊合理，本人喜歡的風格。運行效果截圖如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-f-sina-jd-move-style-demo/具體代碼如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01

我們在網頁上放置一個複製按鈕，主要用來方便使用者複製連結之類的複雜文本，以往的做法是，通過JS依靠Flash，甚至藉助jQuery龐大的js庫來實現文本複製到剪貼簿的。今天我要給大家介紹的是一款極現代的，不需要flash，不依賴任何其他js庫的非常小的外掛程式，它叫clipboard.js。運行效果圖： HTML首先載入本地clipboard.js檔案。<script src="clipboard.min.js"></script>