Time of Update: 2018-12-05
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Windows.aspx.cs" Inherits="Windows" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://
Time of Update: 2018-12-08
頁面遮罩彈出框是最常見的一種情況,今天用jQuery實現頁面遮罩彈出框,主要用的技術有JQuery,css和html,html代碼如下:複製代碼 代碼如下:<div id="main"><a href="javascript:showBg();">點擊這裡查看效果</a> <div id="fullbg"></div> <div id="dialog"> <p class="close"><a href="
Time of Update: 2018-12-06
文章目錄 網站設計彙集CSS畫廊 網站設計彙集fwaBeautifully Web DesignWe Love WP (只收集WordPress網站)Web CremeInspiration KingLight on Dark (dark backgrounds only)LoopPress (只收集WordPress網站)PerfectionScreenaliciousStyleCrunchStyleGalaThe Best
Time of Update: 2018-12-06
文章目錄 1. Environmental Brand XHTML And CSS Template2. Organic Design XHTML And CSS Template3. Breaking OnTop XHTML And CSS Template4. Dark Dimension XHTML And CSS Template5. Your Business XHTML And CSS Template6. Squick Design XHTML
Time of Update: 2018-12-06
樣本圖片:width:197px height:87px Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head> <title&
Time of Update: 2018-12-07
如今web2.0炒的很厲害,先不去管它web2.0究竟是什麼東西,反正div+css好像是火的不行了.各大知名網站都趕時髦似的把原來的表格版面配置翻新成了div+css,並美其名曰"本站符合w3c標準",以便讓別人覺得他們的網站用的是最先進的技術.div布局真有那麼先進麼?這個問題仍在爭論之中.在這裡咱們不參與這種無聊的爭論,學會它自己感覺一下不就清楚了麼? 實際上div布局並不是什麼高深的東西,如果你知道一點css就變得更簡單了.首先我要說明幾點:
Time of Update: 2018-12-06
有些日子沒有使用了,近幾天重新溫習了一下。在此記錄下來,備查。HTML 檔案內容:<div id="divHeader" class="clsDivHeader"> <div id="divMenuMain" name="divMenuMain" class="clsDivMenuMain"> <ul> <li><a href="Product/ProductDefinition.html">&
Time of Update: 2018-12-07
目錄:DynamicLoad類簡介、屬性、方法、事件、樣本、下載。DynamicLoad類簡介 本文將為您介紹一個在javascript中可以動態載入js、vbs指令碼和css樣式表的DynamicLoad類DynamicLoad,載入原理分為3步:(1)使用document.createElement建立一個指令碼或者樣式表對象(以下稱對象o);(2)設定對象o的屬性;(3)將對象添加到document中去。使用DynamicLoad類,您可以方便的判斷是否已經載入了指令碼,動態載入指
Time of Update: 2018-12-06
HTML文檔是一棵樹的結構,各元素以一種階層為基礎構成‘樹’的視圖。文檔樹中的每個元素,要麼是另一個元素的父元素,要麼是另一個元素的子項目,這樣,各元素之間就形成了‘父子關係’。基於這樣的關聯式模式,CSS定義了後代選取器(descendant selector)也稱為上下文選取器(contextual selector)。後代選取器的寫法為,子代元素以空格與父元素形成串連關係構成選取器,如:Code highlighting produced by Actipro
Time of Update: 2018-12-07
本文收集整理20多個功能超強並且挺漂亮的Ajax/CSS表格設計分享給大家,這些表格有表格式資料的排序和過濾等。讓我們來看一下這些表格:1. TableclothTablecloth由CSS Globe開發,是一個輕巧便於使用的表格,簡潔的將表格樣式添加到你的HTML表格元素中。2. Ask the CSS Guy TableAsk the CSS Guy
Time of Update: 2018-12-06
常常在css書上或上網逛的時候看到很多設計很好的網站,當然最經常做的事就是加入收藏夾,但是常常裝系統的時候忘了儲存收藏夾。所以今天就把常上的css網站網址貼出來,做個備忘。一、作品類網站</p> 1,http://www.csszengarden.com/ 網頁設計領域最著名的網站 2,http://www.dark-i.com/ 根據網頁配色尋找優秀網頁 3,http://w3csites.com/
Time of Update: 2018-12-07
簡單的隔行變色:<style type="text/css"> <!-- tr {background-color:expression((this.sectionRowIndex%2==0)?"#E1F1F1":"#F0F0F0")} --> </style> <table> <tr><td>第1行</td><td>第1列</td></tr>
Time of Update: 2018-12-07
一直以為對ul li置中對齊已經掌握了。但最近做項目時發現之前li的float:left方法顯然有一個問題,就是無法置中(水平),只能使用padding-left或margin-right的方法方法來固定其置中。但這樣可能在寬屏與窄屏的顯示不一致。 使用這種方法主要是利用li的浮動固定寬度來實現,li的預設display為block,將其這個屬性改為inline便可實現這種ul li置中的問題<style
Time of Update: 2018-12-07
行內樣式(Inline Style),如<span style="color:red">...</span>;ID選擇符(ID selectors),如#myid;類、屬性選擇符、偽類(Classes, attributes and pseudo-classes),如 .class {...}、[href$=dudo.org]、:hover;類型(elements)、偽類型選擇符(pseudo-elements),如 p {...}、:first-line
Time of Update: 2018-12-07
控制橫向和縱向捲軸的顯隱?<body style="overflow-y:hidden"> 去掉x軸<body style="overflow-x:hidden"> 去掉y軸<body scroll="no">不顯表格變色<TD onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor=''"style="CURSOR: hand"&
Time of Update: 2018-12-07
在CSS中,背景圖片的定位方位有3種: 1)關鍵字:background-position: top right; 2)像素:background-position: 0px 0px; 3)百分比:background-position: 0% 0%; 上面這三句語句,都將圖片定位在背景的左上方,表面上看效果是一樣的,實際上第三種定位機制與前兩種完全不同。前兩種定位,都是將背景圖片左上方的原點,放置在規定的位置。請看下面這張圖,規定的位置是“20px
Time of Update: 2018-12-07
此POPMENU根據alistapart 的articles改編,比DW中用顯示、隱藏層的方法要簡單。在IE6.0 IE5.X Firefox NS都能正確顯示,只用到很少的JS代碼,使用時只要把<ul></ul>部分插入需要的地方即可,不會因解析度不同而發生錯位的現象。菜單示範>>CSS代碼li ul {display: none;left: -40px;position: absolute;top: 24px;width: 490px;
Time of Update: 2018-12-07
這是用DIV+CSS+JS構成的樹型菜單,採用列表,符合WEB標準,在大多數WIN瀏覽器下,相容性不錯,xhtml見效果頁,我現在做的是二個菜單,如果需要添加,可把<ul class="collapsed" id="submenuid2">......</ul>之間的內容加上去,"submenuid"加1,查看效果。CSS代碼body {margin: 0px;padding: 0;font: 12px " Arial, Helvetica,
Time of Update: 2018-12-07
CSS開發中常用技巧總結使用css縮寫好處使用縮寫可以協助減少你CSS檔案的大小,更加容易閱讀。明確定義單位,除非值為0,以及px和em區別。忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以唯寫 width="100",但是在CSS中,你必須給一 個準確的單位,比如:width:100px width:100em。只有兩個例外情況可以不定義單位:行高和0值。除此以 外,其他值都必須緊跟單位,注意,不要在數值和單位之間加空格。px單位適合固定式配置如960Grid。
Time of Update: 2018-12-07
Abstract一般的Blog都會在兩側提供自由欄位,讓你可以輕易的將Google Adsense的JavaScript放上去,若想要在文章內文也放Google Adsense,難道得一篇一篇的Copy & Paste嗎?Introduction若以閱讀習慣來說,將廣告放在文章內文的成效較大,畢竟讀者注意的是文章內容,順著閱讀完後一定會看到廣告,但不見得會去注意網頁兩側的訊息。如果要每篇文章都得Copy & Paste那些Google