Bluer Idea

转载 HTML5中判断横屏竖屏

一：CSS判断横屏竖屏写在同一个CSS中@media screen and (orientation: portrait) { /*竖屏 css*/}@media screen and (orientation: landscape) { /*横屏 css*/}分开写在2个CSS中竖屏横屏一：JS判断横屏竖屏//判断手机横竖屏状态：win

转载 ps打造不规则颜色方块

原创 一个导航条

.box ul{margin:0px;padding:0px;display:block; list-style:none;} .box ul li{margin:0px;padding:0px;display:block; float:left; margin-right:-1px;} .box ul li a{width:80px;height:30px; line-height:30px

原创 图片应用

图片应用

原创 改变网页内图片的两种做法

第一种做法： window.onload=function() { var aa=document.getElementById("my_click"); var bb=document.getElementById("my_+img"); var n=1

转载 常见倒影制作方法

1、新建一个大小适当的文档，加一个好看的背景，打开下图所示素材导入文档，ctrl+J复制图层，编辑-变换-垂直翻转将翻转的图层拖至下方。2、为翻转的图层添加图层蒙版，选中渐变工具，选择线性渐变，在图层蒙版上拖出渐变。3、倒影制作完成。此种方

原创 阴影立体文字

text-shadow是可以省略前缀的几个CSS属性之一，类似的还有box-shadow，它必须应用于文本，并它们有相同的四个参数：　　x-offset 　　水平位移　　y-offest 　　垂直位移　　blur 　　 模糊值　　color of

原创 浮动，可伸缩菜单

body{ margin:0;padding:0;} #a{width:100px; height:100px; background-color:green; position:relative; left:-90px;top:100px;}#aa{width:10px;h

原创 返回上一页的javascript代码

返回页面返回页面

原创 javascript void()

void 运算符对任何值返回 undefined。该运算符通常用于避免输出不应该输出的值，例如，从 HTML 的 元素调用 JavaScript 函数时。要正确做到这一点，函数不能返回有效值，否则浏览器将清空页面，只显示函数的结果。例如： Clic

原创 jQuery 修改css效果

.title{ height:20px; width:200px; background-color:#CCC;}.texts{width:200px; height:200px; margin-top:5px; background-color:#CCCC99; pandin

原创 点击小图片弹出大图

<!-- .list{position:relative;} .list span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; width: 500px; } .list span{ po

原创 图片的src使用方法

利用图片的“name”属性控制图片的调换，代码如下：<!--function aa(bt_pic) { img_name.src=bt_pic;}//-->

原创 利用div+css生成简单的导航菜单，简单实用

利用div+css生成简单的导航菜单，简单实用，代码如下：body { background-color: #666; } #menu { width: 1000px; height:30px; border-bottom:#FF0000 1px solid; }