原创 點擊小圖片彈出大圖

<!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;