原创 點擊小圖片彈出大圖
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
原创 javascript void()
void 運算符對任何值返回 undefined。該運算符通常用於避免輸出不應該輸出的值,例如,從 HTML 的 <a> 元素調用 JavaScript 函數時。要正確做到這一點,函數不能返回有效值,否則瀏覽器將清空頁面,只顯示函數的結果
原创 圖片的src使用方法
利用圖片的“name”屬性控制圖片的調換,代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/
原创 HTML5中判斷橫屏豎屏
一:CSS判斷橫屏豎屏 寫在同一個CSS中 @media screen and (orientation: portrait) { /*豎屏 css*/ } @media screen and (orientation: landsc
原创 一個導航條
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
原创 陰影立體文字
text-shadow是可以省略前綴的幾個CSS屬性之一,類似的還有box-shadow,它必須應用於文本,並它們有相同的四個參數: x-offset 水平位移 y-offest 垂直位移 blur 模糊值
原创 利用div+css生成簡單的導航菜單,簡單實用
利用div+css生成簡單的導航菜單,簡單實用,代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml
原创 常見倒影製作方法
1、新建一個大小適當的文檔,加一個好看的背景,打開下圖所示素材導入文檔,ctrl+J複製圖層,編輯-變換-垂直翻轉將翻轉的圖層拖至下方。 2、爲翻轉的圖層添加圖層蒙版,選中漸變工具,選擇線性漸變,在圖層
原创 返回上一頁的javascript代碼
<a href="javascript:history.back(-1);">返回頁面</a> <a href="javascript:history.back(-1);">返回頁面</a>
原创 改變網頁內圖片的兩種做法
第一種做法: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio
原创 jQuery 修改css效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
原创 圖片應用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml
原创 浮動,可伸縮菜單
<html> <head> <style type="text/css"> body{ margin:0;padding:0;} #a{width:100px; height:100px; background-color:green;