JavaScript

基於jquery實現下拉框美化特效，jquery下拉框特效平常我們用的原生select下拉框，大部分樣式沒辦法修改，導致在不同的瀏覽器裡面會跟設計圖的風格大相徑庭。所以為了能讓它美化起來，就用JQ類比了一個下拉框，可以隨意定義樣式。原生的下拉框也保留在div裡面隱藏著，方便後台開發人員對其進行操作。如下：HTML代碼如下：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8">

多種JQuery迴圈滾動文字圖片效果代碼，jquery滾動自己模仿JQ外掛程式的寫法寫了一個迴圈滾動列表外掛程式，支援自訂上、下、左、右四個方向，支援平滑滾動或者間斷滾動兩種方式，都是通過參數設定。JQ裡面有些重複的地方，暫時沒想到更好的方法去精簡。不過效果還是可以的，如下（上傳後都加速了，實際效果比這個要慢很多）： html代碼如下：<!doctype html><html lang="zh-cn"><head><meta charset="

js格式化輸入框內金額、銀行卡號，js輸入框我們在項目中經常遇到需要格式化的金額數和銀行卡號，一般我們常見的有兩種表現形式：輸入框內格式化和輸入框外格式化。這裡我主要把我在項目中遇到的輸入框內部格式化的，代碼亮出來，框外的格式化相對簡單一點。頁面代碼：<div class="wrap"> <input type="text" id="bankCard" placeholder="輸入銀行卡號"></div> <div class="wrap">

js判斷上傳檔案尾碼名是否合法，js上傳檔案尾碼本文執行個體介紹了js判斷上傳檔案尾碼名是否合法的詳細代碼，分享給大家供大家參考，具體內容如下：選擇檔案選擇1.jpg檔案上傳成功合法除圖片檔案格式以外，其他都是不合法的操作。具體代碼：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"

jQuery擷取checkbox選中的值，jquery擷取checkbox1、問題背景有幾個多選框，選擇其中的幾個，擷取選中的值2、設計結果如所示：3、設計源碼<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

理解javascript中的MVC模式，javascriptmvc模式MVC模式是軟體工程中一種軟體架構模式，一般把軟體模式分為三部分，模型(Model)+視圖(View)+控制器(Controller);模型：模型用於封裝與應用程式的商務邏輯相關的資料以及對資料處理的方法。模型有對資料直接存取的權利。模型不依賴 “視圖” 和 “控制器”, 也就是說

AngularJS 使用 UI Router 實現表單嚮導，angularjsrouter我們看到這項技術已經應用在了許多的網頁上。比如購物車，註冊表單，入職流程以及許多多步表單，讓使用者更容易線上填寫表單。下面我們將構建它： 使用UI Router，它能內嵌狀態，為每個狀態顯示不同的view,我們能讓多步表單變得相當的容易。為了快速的理解UI

記一次項目中的css樣式複用，項目css樣式複用本文同步至公眾號：http://mp.weixin.qq.com/s?__biz=MzAxMzgwNDU3Mg==&mid=401616238&idx=1&sn=3c6e965283c632e9035875be43e6a305&scene=0#wechat_redirect二維碼：一直覺得css是一個不被重視，或者說是重視不夠的飯後甜點。因為它太“簡單”，門檻低，不能彰顯或提升廣大悶騷程式猿的

使用<link>標籤引入css檔案簡單代碼執行個體，linkcss使用<link>標籤引入css檔案簡單代碼執行個體:本章節介紹一下如何利用<link>標籤引入外部css檔案。雖然這個非常的簡單，但是很多初學者比較容易忘記它的基本使用格式。下面就示範一下如何使用此標籤引入外部樣式表:代碼如下:<link rel="stylesheet" type="text/css" href="style.css"

css實現的div垂直置中效果代碼執行個體，cssdivcss實現的div垂直置中效果代碼執行個體:關於div垂直置中效果，在網上已經有很多介紹了。本章節再來通過代碼執行個體示範一下如何?此效果，希望能夠給需要的朋友帶來協助。代碼執行個體如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author"

JS實現簡單的二維矩陣乘積運算，js矩陣乘積本文執行個體講述了JS實現簡單的二維矩陣乘積運算方法。分享給大家供大家參考，具體如下：Console控制台如下：(為輸出結果直接上代碼了(A矩陣可以乘以B矩陣的前提是A矩陣的列數等於B矩陣的行數)<!DOCTYPE html><html> <head> <title>demo</title> </head> <body> </body>

各種瀏覽器的Hack寫法(chrome firefox ie等)，hackchromeHack是針對不同的瀏覽器去寫不同的CSS樣式，從而讓各瀏覽器能達到一致的渲染效果，那麼針對不同的瀏覽器寫不同的CSS CODE的過程，就叫CSS HACK，同時也叫寫CSS Hack。然後將Hack放在瀏覽器特定的CSS檔案中，讓其合格瀏覽器解析這些代碼，就如前面所說的條件樣式，我們將CSS

CSS3—3D翻轉，css3翻轉本案例主要是css3和html5，不會js也可以做動畫◕.◕一、首先看下主要需要的樣式：perspectivetransformtransitionpositionclassList就這麼多，水平有限就不細講啦！二、看效果：示範效果，runjs3個效果預設樣式如 看起來好亂，還是看示範吧，不放圖了==示範效果，runjs 三、html結構如下：3個容器6個盒子，當滑鼠經過時：1.box1繞X軸（transform-origin預設容器中心），翻

css3各種類型瀏覽器首碼簡單分享，css3首碼分享css3各種類型瀏覽器首碼簡單分享:在寫此文章的時候，很多css3屬性在當前還屬於實驗性質的，在使用它們的時候，前面通常要加上各個類型瀏覽器的首碼。下面就做一下分享羅列:-webkit-transform:rotate(45deg);/*Google和Safari瀏覽器*/-o-transform:rotate(45deg);/*Opera瀏覽器*/-moz-transform:rotate(45deg);/*Firefox瀏覽器*/-ms-t

JavaScript+html5 canvas製作的百花齊放效果完整執行個體，html5canvas本文執行個體講述了JavaScript+html5 canvas製作的百花齊放效果。分享給大家供大家參考，具體如下：運行效果如下：具體代碼如下：<!DOCTYPE html><html> <head> <title>demo</title> <style type="text/css"> body {

Javascript中匿名函數的調用與寫法執行個體詳解(多種)，javascript詳解Javascript中定義函數的方式有多種，函數直接量就是其中一種。如var fun = function(){},這裡function如果不賦值給fun那麼它就是一個匿名函數。好，看看匿名函數的如何被調用。方式1，調用函數，得到傳回值。強制運算子使函數調用執行(function(x,y){alert(x+y);return x+y;}(3,4));

AngualrJS中每次$http請求時的一個遮罩層Directive，angualrjsdirectiveAngularJS是一款非常強大的前端MVC架構。在AngualrJS中使用$http每次向遠程API發送請求，等待響應，這中間有些許的等待過程。如何優雅地處理這個等待過程呢？如果我們在等待過程中彈出一個遮罩層，會是一個比較優雅的做法。這就涉及到了對$http的請求響應進行攔截了。請求的時候，彈出一個遮罩層，收到響應的時候把遮罩層隱藏。其實，$httpProvider已經為我們提供了一個$

jQuery EasyUi實戰教程之布局篇，jqueryeasyuijQuery EasyUI Layout是一種基於jQuery的布局架構，今天初次使用Jquery EasyUi，簡單的做了個布局頁面感覺還不錯，給大家分享一下，就是不知道Jquery EasyUi瀏覽器安全色性怎麼樣。最後如下：使用Jquery EasyUi開發之前首先要引用Jquery EasyUi的Js和Css檔案，引用如下：<script src="../jquery.min.js"

AngualrJS中的Directive製作一個菜單，angualrjsdirective說下我經常寫菜單的方式：<ul><li data-ng-class="{'active': highlight('/orders')}"><a href="#/orders">Orders</a></li></ul> 功能表項目是否高亮顯示取決於controller中的highlight方法。vm.highlight =

JavaScript+html5 canvas製作色彩斑斕的正方形效果，html5canvas本文執行個體講述了JavaScript+html5 canvas製作色彩斑斕的正方形效果。分享給大家供大家參考，具體如下：運行效果如下：index.html：<!DOCTYPE html><html> <head> <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />