豐富您設計的10個CSS3效果庫

Magic CSS3 AnimationsMagic CSS3 Animations是一個CSS3動畫包,擁有一些特效可以你的Web項目中免費使用。擁有像金光閃閃,角度,旋轉,炸彈等特殊效果。使用簡單,大部分的動畫是跨瀏覽器安全色。Animate.cssAnimate.css是一個現成的CSS3的動畫特效庫。這個庫擁有60個不同的動畫效果。Once animate.min.css is included into your <head> document, you just

JS/CSS/IMG載入循序關聯性之DOMContentLoaded事件

 DOMContentLoaded介紹DOMContentLoaded事件的觸發條件是:將會在“所有的DOM全部載入完畢並且JS載入執行後觸發”。但如果“js是通過動態載入進來的話,是不會影響到DOMContentLoaded的觸發時間”如所示,藍色的線代表DOMContentLoaded開始觸發,但前提是JS已經載入完畢並執行了。(僅僅是DOM

WTF Forms – 使用 CSS 實現使用者體驗更好的表單

  WTF forms 藉助 CSS 提供友好的 HTML 表單控制項,專為 IE9+ 以及最新的 Chrome、Safari 和 Firefox 瀏覽器。以檔案輸入控制項的改進,使用 label 包裹在 input

php執行個體分享之實現顯示網站已耗用時間

廢話不多說,直接上代碼。複製代碼 代碼如下:<?php// 設定時區date_default_timezone_set('Asia/Shanghai');/** * 秒轉時間,格式 年 月 日 時 分 秒 *  * @author wangyupeng129@126.com * @param int $time * @return array|boolean */function Sec2Time($time){ if(

jQuery 刪除/替換DOM元素的幾種方式

刪除 刪除操作非常簡單,直接在結果集後鏈式調用remove()方法即可。 例如,要刪除以下html指令碼中所有的a元素,直接通過 複製代碼 代碼如下: $('a'.remove(); 就可以做到了。 複製代碼 代碼如下: <h3>Anchors</h3> <a href="#" class="remove">Anchor Element</a> <a href="#">Anchor Element</a> <a

JS控制輸入框內字串長度

複製代碼 代碼如下:// 擷取字串的位元組長度function len(s) {s = String(s);return s.length + (s.match(/[^\x00-\xff]/g) || "").length;// 加上匹配到的全形字元長度}function limit(obj, limit) {var val = obj.value;if (len(val) > limit) {val=val.substring(0,limit);while (len(val) >

Javascript 函數parseInt()轉換時出現bug問題

這是一個很詭異的事情,今天測試的測出來的。parseInt(1.13*100),實際傳回值是112。直接看代碼吧 複製代碼 代碼如下: <head> <script type="text/javascript"> function test(){ var thisvalue = 0; thisvalue=yuanToFen($("#inp").val()); alert(thisvalue); } /*元轉分*/ function yuanToFen(yuan){

jquery $.trim()方法使用介紹

$.trim(str) 返回:string; 說明:去掉字串首尾空格。 樣本: 先看個錯誤碼錯誤碼: 複製代碼 代碼如下: <input type="text" name="" id="results" value=""/> var content = $('#content').val(); if(content.trim() == '') alert('空'); 上面的寫法在firefox下不會報錯,但在ie下確會報錯 所以要寫成下面格式: 複製代碼 代碼如下:

js清空form表單中的內容樣本

複製代碼 代碼如下: //清空form選擇 function clearForm(id){ var formObj = document.getElementById(id); if(formObj == undefined){ return; } for(var i=0; i<formObj.elements.length; i++){ if(formObj.elements[i].type == "text"){ formObj.elements[i].value = ""; }

js簡單實現交換Li的值

交接li的值.html 複製代碼 代碼如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>交換Li的值</title> <script type="text/javascript"

js操作iframe父子表單樣本

父表單擷取iframe window.iframeId iframe擷取父視窗 window.parent parent.html 複製代碼 代碼如下: <!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"

JS常用表單驗證方法總結

複製代碼 代碼如下: <!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=UTF-8">

JS完整擷取IE瀏覽器資訊包括類型、版本、語言等等

複製代碼 代碼如下: <html> <head> <title>JS完整擷取IE瀏覽器資訊</title> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="435" border="1" cellspacing="3" cellpadding="0"> <tr>

jquery實現的一個文章自訂分段顯示功能

 這樣的顯示風格是不是很養眼啊?如果文章內容太多的話轉換有點慢,希望大家能給我提出寶貴的意見。 複製代碼 代碼如下: <!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">

js動態修改整個頁面樣式達到換膚效果

jsPro1\js動態修改整個html頁面樣式(換膚).html 複製代碼 代碼如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>動態修改頁面樣式</title> <link

javascript中字串常用方法總結

  字串是javascript編程中不可或缺的元素,掌握字串常用的方法也是我們學習過程中的必經之路,下面我們總結一些最常用的的字串方法。 string.charAt(postion) charAt方法返回在string中的position位置處的字元。如果position小於0或者大於字串的長度,返回Null 字元串。由於js沒有字元類型,返回的仍為一個字串 1  var name="deng";2  var

JOSN學習總結&lt;二&gt; JSON的格式與文法

 今晚又下班早!!嘿嘿,繼續JOSN的總結吧!!!!有人說這麼簡單還有必要寫嗎???我覺得“眼裡過十遍不如手裡過一遍”!!有錯誤之處請指正!!共同學習下!!!!廢話不說了,進入今晚的正題: <二>  JSON的格式與文法:           Javascript可以非常容易的建立並訪問JSON對象,文法如下:      

jQuery -) 擷取兄弟元素

擷取指定元素的兄弟元素時,可以使用adjacent sibling combinator (+),其中+的兩側內容都是selector expression.如果要擷取下例中所有的 h1的直接兄弟元素h2 Main title Section title Some content... Section title More content...可以直接使用$('h1 + h2') // Select ALL h2

LESS-Middleware:Node.js 和 LESS 的完美搭配

  LESS 是一個編寫 CSS 的很好的方式 ,讓你可以使用變數,嵌套規則,混入以及其它許多有用的功能,它可以協助您更好地組織你的 CSS 代碼。  最近我一直在研究 Node.js ,並想用 less-middleware 中介軟體,這樣我可以很容易的在我的應用程式中使用 LESS 了。配置好以後,LESS-Middleware 能夠自動處理編譯你的 LESS 代碼為 CSS 代碼。 var lessMiddleware =

HTML &lt;!DOCTYPE&gt; 標籤

在預設情況下,FF和IE的解釋標準是不一樣的,也就是說,如果一個網頁沒有聲明DOCTYPE,它就會以預設的DOCTYPE解釋下面的HTML。在同 一種標準下,不同瀏覽器的解釋模型都有所差異,如果聲明標準不同,不用我說,您自己想就可以了。學習網頁標準,瀏覽器安全色,從哪裡開始您自己決定,但是, 請認識DOCTYPE: 一、什麼是DOCTYPEDOCTYPE是Document

總頁數: 3271 1 .... 2748 2749 2750 2751 2752 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.