CSS

1.透明度： 如果沒有為一個文本指定一個背景顏色或者一個背景映像，那麼這個元素的背景通常是透明的。 這一點很重要，如果一個絕對位置的且帶有文本的元素放在一個有文本的元素之上，那麼將會十分的混亂，那麼我們就可以通過設定背景圖片或者背景顏色來進行遮蓋，如果必須的話我們可以將其顯示的設定為"transparent"（透明的） 通用的設定透明元素通用的css如下： 複製代碼 代碼如下: opacity:.75;//ff new -moz-opacity:.75;// transparency for

複製代碼 代碼如下: <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="jquery-1.8.2.js"></script> <title>背景透明</title> <style> *{ margin:0; padding:0; } body{ position:relative; width:100%

首先給大家展示下效果圖：查看效果 源碼下載html代碼部分：代碼如下：<!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"><head><meta

在觸發js的scroll事件啊，可是我遇到的是真正不動的，我開始以為是FF上面才會這樣，沒想到IE6和IE7都有如此效果，不得不驚歎神奇了。如是我就找出了如下神奇的代碼：僅用CSS實現滾動效果~~ #fixed{position:fixed;} <div id="fixed">滾動</div> 完了，就這個屬性就搞定滾動了，真想罵人了。不過還沒完呢，這個只支援Firefox和IE7，我剛才說過IE6也可以的，只是IE6要實現就有點複雜了， 複製代碼 代碼如下: <!

div+css+js類比tab, 我這個版本,理論上可以添加無限個tab,而且,你只要管內容的添加行了,不需要改JS 當然,你得會DIV才行. div+css+js類比tab 框1111 框2222 框3333 框4444 這裡是內容撒．111．． 這裡是內容撒．111．． 這裡是內容撒．111．． 這裡是內容撒222．． 這裡是內容撒．222．． 這裡是內容撒．222．． 這裡是內容撒．333．． 這裡是內容撒．333．． 這裡是內容撒．333．．

一、ready函數的實現經常用jQuery類庫或其他類庫中的ready方法，有時候想想它們到底是怎麼實現的，但是看了一下jQuery中的源碼，涉及到的模組比較多，(水平有限)代碼比較難看懂；自己結合了一些書籍內容，總結一下。先說一下ready函數的實現思路：變數ready通過運算式賦值，右側為一個自執行匿名函數，在這個匿名函數中，首先為各個瀏覽器的事件綁定處理函數，並為isReady賦值(根據事件非同步處理常式來確定)，然後返回一個傳參閉包，在閉包中，主要判斷isReady值來執行操作，如果do

visibility：在切換元素可見度的同時會保持元素在普通流中的位置和空間。它有兩個值：visible（預設的）和hidden（不可見的）， 例如： 複製代碼 代碼如下: <p>Hello <b>John</b>, how are you today?</p> 瀏覽器中是：Hello John, how are you today? 接著我們把John所在b的visibility設定為hidden後，就會變成這樣 Hello , how

如：elem.style.height 或者 elem.style.height = '100px', 這裡要注意的是設定任何幾何屬性必須明確尺寸單位（如px），同時任何幾何屬性返回的是表示樣式的字串而非數值（如'100px'而非100）。另外像elem.style.height這樣的操作，也能擷取元素style屬性中設定的樣式值，如果你把樣式統一放在css檔案中，上述方法只會返回一個空串。為了擷取元素真實、最終的樣式，書中給出了一個函數 複製代碼 代碼如下: //get a style

html布局代碼 複製代碼 代碼如下: <!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"> <head> <meta http-equiv="Content-Type"

使用CSS()方法改變現有的CSS樣式表，css()方法在使用上具有多樣性。其中有一種可接受兩個輸入參數：樣式屬性和樣式值，兩者之間用逗號分隔。比如要改變連結顏色，可以這樣編寫代碼：$("#61dh a").css('color','#123456');//選取器‘$("#61dh

複製代碼 代碼如下: <nav class="cf_nav clearfix"> <ul> <li> <a href="http://lizhuangs.18021051d350c3871c0a.tpl.diandian.com" title="首頁"> <div class="nav_block"> <span>首頁</span> <span

class屬性修改　　類屬性即class屬性,規定類名.　　用類別選取器規定樣式的時候,需要為元素指定類名,即class屬性的值.　　注意每個HTML元素只有一個class屬性.但是class屬性的值可以是多個名稱,即可能包含一個詞的列表,中間用空格分隔.　　具體使用方法見:http://www.w3school.com.cn/css/css_selector_class.asp 　　用jQuery進行類名修改既可以用attr()方法修改”class”屬性,也可以用addClass()

上篇部落格說的是將div設定為置中顯示，今天來分享一下如何將表格置中的顯示。至於置中的原理就不說了，可以看一下我的上篇部落格，這次沒有使用window的兩個事件，而是使用一個叫expression的函數。現在多數的瀏覽器都支援這個函數。在寫上一篇部落格的時候，我腦裡想能不能把計算後的值賦給css的left和top屬性呢？後來查閱資料找到了這個函數。這個函數用來把CSS屬性和JavaScript運算式關聯起來，這裡的CSS屬性可以是元素固有的屬性，也可以是自訂的屬性。就是說CSS屬性後面可以是一段

經常看到網頁裡圖片漸層顯示，自己寫一個。 原理很簡單就是修改元素的css透明度。 線上預覽效果：http://jsfiddle.net/dtdxrk/BHUp9/embedded/result/ 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

直接貼代碼複製代碼 代碼如下://取元素 用兩個$是為了不與jquery衝突function $$(s) {    return document.getElementById(s);}function setblue() {    //先寫cookie    //writeCookie("ISCSSSTYLE", "css/CRM_blue.css", 365,

1、對於沒有中劃線的css屬性一般直接使用style.屬性名稱即可。 如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。 2、對於含有中劃線的css屬性，將每個中劃線去掉並將每個中劃線後的第一個字元換成大寫即可。 如：obj.style.marginTop，obj.style.borderLeftWidth，obj.style.zIndex，obj.style.fontFamily等。

方法一：用CSS和JavaScript實現預先載入 實現預先載入圖片有很多方法，包括使用CSS、JavaScript及兩者的各種組合。這些技術可根據不同設計情境設計出相應的解決方案，十分高效。 單純使用CSS，可容易、高效地預先載入圖片，代碼如下： 複製代碼 代碼如下: #preload-01 { background: url(yun_qi_img/image-01.png) no-repeat -9999px -9999px; } #preload-02 { background: url(

效果：  html: 複製代碼 代碼如下: <div id="page"></div> 用法： 複製代碼 代碼如下: var total = 310; var pageNo = 1; var pageCount = 31;//共有多少頁 var pageSize = 10; var actionName = "list.action"; var otherParam = "&name='www'&order='time'"; $(function(){

div+css+javascript 實現無縫滾動,marquee無縫滾動，無縫滾動,相容firefox 用marquee實現首尾相連迴圈滾動效果（僅IE）： 複製代碼 代碼如下: <marquee behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100" onmouseover="

盒子標籤和屬性對照CSS文法（不區分大小寫）JavaScript文法（區分大小寫）borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBottomStyleborder-bottom-widthborderBottomWidthborder-colorborderColorborder-leftborderLeftborder-left-colorbor