网页表格配色方案

网页表格配色方案无评论

2015年11月28日 at 上午12:23分类:软件 阅读: 362 次

 

 background="t-01.gif"

水晶紫色

[bgcolor="#7a437a"][td bgcolor="#f9f4f9"][td2 bgcolor="#ecd7f2"]

 

 

 background="t-02.gif"

草绿淡雅

[bgcolor="#247624"][td bgcolor="#f4faed"][td2 bgcolor="#E3F1D1"]

 

 

 background="t-03.gif"

心情灰色

[bgcolor="#989797"][td bgcolor="#ffffff"][td2 bgcolor="#eaeaea"]

 

 

 background="t-04.gif

秋意盎然

[bgcolor="#9f6a1c"][td bgcolor="#ffffff"][td2 bgcolor="#efe3ce"]

 

 

 background="t-05.gif"

蓝色庄重

[bgcolor="#76aef0"][td bgcolor="#e8f4ff"][td2 bgcolor="#dbe8f2"]

 

 

 background="t-06.gif

绿色淡雅

[bgcolor="#add3ad"][td bgcolor="#f3faf4"][td2 bgcolor="#dbeedd"]

 

 

 background="t-07.gif"

蓝 雅 绿

[bgcolor="#009999"][td bgcolor="#e8f7f7"][td2 bgcolor="#d5e8ec"]

 

 

 background="t-08.gif"

紫色淡雅

[bgcolor="#984b98"][td bgcolor="#e7eef7"][td2 bgcolor="#f7eef7"]

 

 

 background="t-09.gif"

淡 紫 色

[bgcolor="#8142bf"][td bgcolor="#f3eef9"][td2 bgcolor="#e9def3"]

 

 

 background="t-10.gif"

橘 子 红

[bgcolor="#ff6600"][td bgcolor="#fffaf7"][td2 bgcolor="#fff0e6"]

 

 

 background="t-11.gif"

红红夜思

[bgcolor="#d66565"][td bgcolor="#fbf4f4"][td2 bgcolor="#f3e2e2"]

 

 

 background="t-12.gif"

粉红回忆

[bgcolor="#ff9bb1"][td bgcolor="#ffecef"][td2 bgcolor="#FFD4DE"]

 

 

 background="t-13.gif"

青青河草

[bgcolor="#a9d46d"][td bgcolor="#f4faed"][td2 bgcolor="#E3F1D1"]

 

 

 background="t-14.gif"

浓浓绿意

[bgcolor="#44a938"][td bgcolor="#f4fcf3"][td2 bgcolor="#e8f7e6"]

 

 

 background="t-15.gif"

棕红预览

[bgcolor="#b26b7b"][td bgcolor="#fcf3f4"][td2 bgcolor="#f4d9dd"]

 

 

 background="t-16.gif"

淡 咖 啡

[bgcolor="#d8c0b1"][td bgcolor="#ffffff"][td2 bgcolor="#efe3da"]

 

 

 background="t-17.gif"

碧海晴天

[bgcolor="#6595d6"][td bgcolor="#ffffff"][td2 bgcolor="#e4e8ef"]

 

 

 background="t-18.gif"

蓝色水晶

[bgcolor="#a0cffe"][td bgcolor="#fdfeff"][td2 bgcolor="#f0f8ff"]

 

 

 background="t-19.gif"

雪花飘飘

[bgcolor="#dfdfdf"][td bgcolor="#fdfeff"][td2 bgcolor="#f7f7f7"]

 

 

 background="t-20.gif"

新年快乐

[bgcolor="#FFCC66"][td bgcolor="#FFFFFF"][td2 bgcolor="#FFFFCC"]

 

 

 background="t-21.gif"

淡 绿 色

[bgcolor="#8ccbad"][td bgcolor="#FFFFFF"][td2 bgcolor="#defbef"]

Javascript得到屏幕分辨率和网页可见区域等方法

Javascript得到屏幕分辨率和网页可见区域等方法无评论

2015年11月26日 at 下午3:59分类:软件 阅读: 406 次

Javascript得到屏幕分辨率和网页可见区域等方法

<body><SCRIPT   LANGUAGE="JavaScript">...   
  var     s   =   "";   
  s   +=   " 网页可见区域宽:"+   document.body.clientWidth;   
  s   +=   " 网页可见区域高:"+   document.body.clientHeight;   
  s   +=   " 网页可见区域宽:"+   document.body.offsetWidth     +"   (包括边线和滚动条的宽)";   
  s   +=   " 网页可见区域高:"+   document.body.offsetHeight   +"   (包括边线的宽)";   
  s   +=   " 网页正文全文宽:"+   document.body.scrollWidth;   
  s   +=   " 网页正文全文高:"+   document.body.scrollHeight;   
  s   +=   " 网页被卷去的高:"+   document.body.scrollTop;   
  s   +=   " 网页被卷去的左:"+   document.body.scrollLeft;   
  s   +=   " 网页正文部分上:"+   window.screenTop;   
  s   +=   " 网页正文部分左:"+   window.screenLeft;   
  s   +=   " 屏幕分辨率的高:"+   window.screen.height;   
  s   +=   " 屏幕分辨率的宽:"+   window.screen.width;   
  s   +=   " 屏幕可用工作区高度:"+   window.screen.availHeight;   
  s   +=   " 屏幕可用工作区宽度:"+   window.screen.availWidth;   
  s   +=   " 你的屏幕设置是   "+   window.screen.colorDepth   +"   位彩色";   
  s   +=   " 你的屏幕设置   "+   window.screen.deviceXDPI   +"   像素/英寸";   
  alert(s);   
  </SCRIPT>

 

window.screen获取的是物理分辨率,一般使用document.body网页分辨率

用javascript实现网页左右滑屏事件

用javascript实现网页左右滑屏事件无评论

2015年11月26日 at 下午2:56分类:软件 阅读: 391 次

处理touch事件能跟踪到屏幕滑动的每根手指。

以下是四种touch事件
touchstart: //手指放到屏幕上时触发
touchmove: //手指在屏幕上滑动式触发
touchend: //手指离开屏幕时触发
touchcancel: //系统取消touch事件的时候触发,这个好像比较少用

每个触摸事件被触发后,会生成一个event对象,event对象里额外包括以下三个触摸列表

touches: //当前屏幕上所有手指的列表
targetTouches: //当前dom元素上手指的列表,尽量使用这个代替touches
changedTouches: //涉及当前事件的手指的列表,尽量使用这个代替touches
这些列表里的每次触摸由touch对象组成,touch对象里包含着触摸信息,主要属性如下:
clientX / clientY: //触摸点相对浏览器窗口的位置
pageX / pageY: //触摸点相对于页面的位置
screenX / screenY: //触摸点相对于屏幕的位置
identifier: //touch对象的ID
target: //当前的DOM元素

注意:

手指在滑动整个屏幕时,会影响浏览器的行为,比如滚动和缩放。所以在调用touch事件时,要注意禁止缩放和滚动。

1.禁止缩放
通过meta元标签来设置。

2.禁止滚动
preventDefault是阻止默认行为,touch事件的默认行为就是滚动。
event.preventDefault();

如果要使能垂直滚动,实现水平左右滑屏,可参考如下代码:

<script src="jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">

$(function() {

var startX, startY, endX, endY,swipeX,swipeY;

document.getElementById("divADBox").addEventListener("touchstart", touchStart, false);
document.getElementById("divADBox").addEventListener("touchmove", touchMove, false);
document.getElementById("divADBox").addEventListener("touchend", touchEnd, false);
document.getElementById("divADBox").addEventListener("touchcancel", touchcancel, false);

function touchStart(event) {
var touch = event.touches[0];
startY = touch.clientY;
startX = touch.clientX ;
swipeX = true;
swipeY = true ;
}
function touchMove(event) {
var touch = event.touches[0];
endX = touch.clientX ;
endY = touch.clientY;
if(swipeX && Math.abs(endX-startX)-Math.abs(endY-startY)>0) //左右滑动
{
event.stopPropagation();//组织冒泡
event.preventDefault();//阻止浏览器默认事件
swipeY = false ;
//左右滑动
}
else if(swipeY && Math.abs(endX-startX)-Math.abs(endY-startY)<0){ //上下滑动
swipeX = false ;
//上下滑动,使用浏览器默认的上下滑动
}

}
function touchEnd(event) {

if(endX-startX  >100)//右滑

...

else if (endX-startX <100)//左滑

...

}

})

微信服务号自定义菜单开发

微信服务号自定义菜单开发无评论

2015年11月24日 at 下午2:41分类:软件 阅读: 339 次

微信公众平台的菜单开发有两种方式,一种是在后台已可视化界面开发,这种方式开发简单,但不能使用开发者中心,失去了灵活性:

 

第二种是在开发者中心实现自定义菜单:

首先要获取appid和appsecret:

 

然后选择“开发者工具”中的“在线接口调试工具”,先获取ACCESS_TOKEN,填入上面的appid和appsecret::

再创建自定义菜单:

自定义菜单说明可参考:

http://mp.weixin.qq.com/wiki/13/43de8269be54a0a6f64413e4dfa94f39.html

例如:

{
"button":[
{
"type":"click",
"name":"今日歌曲",
"key":"V1001_TODAY_MUSIC"
},
{
"name":"菜单",
"sub_button":[
{
"type":"view",
"name":"搜索",
"url":"http://www.soso.com/"
},
{
"type":"view",
"name":"视频",
"url":"http://v.qq.com/"
},
{
"type":"click",
"name":"赞一下我们",
"key":"V1001_GOOD"
}]
}]
}

1、click:点击推事件
用户点击click类型按钮后,微信服务器会通过消息接口推送消息类型为event	的结构给开发者(参考消息接口指南),并且带上按钮中开发者填写的key值,开发者可以通过自定义的key值与用户进行交互;
2、view:跳转URL
用户点击view类型按钮后,微信客户端将会打开开发者在按钮中填写的网页URL,可与网页授权获取用户基本信息接口结合,获得用户基本信息。

click点击菜单拉取消息时的事件推送

参数说明:

参数 描述
ToUserName 开发者微信号
FromUserName 发送方帐号(一个OpenID)
CreateTime 消息创建时间 (整型)
MsgType 消息类型,event
Event 事件类型,CLICK
EventKey 事件KEY值,与自定义菜单接口中KEY值对应

click事件处理代码:

public function handleEvent($object,$mysite)
{
switch ($object->Event)
{
case "subscribe":

...
case "CLICK":

if($object->EventKey=="V1001_TODAY_MUSIC")
{

...

}

...

}

}

私网Openwrt定时执行远程命令

私网Openwrt定时执行远程命令无评论

2015年11月24日 at 下午1:43分类:其他 阅读: 462 次

一台Openwrt无线路由器,PPPOE拨号,拨号成功后有时分配的是私有地址,有时分配的是公网地址

 

一、实现Openwrt定时执行远程命令

在公网的网站上建立一个cmd.sh文件,里面有需要openwrt执行的命令,如reboot或重新拨号命令

openwrt定时获取网站上的cmd.sh文件,并执行

在openwrt的root目录下建立mycmd.sh文件,内容如下:

# 这里的-f参数判断文件是否存在

if [ -f "cmd.sh" ]; then
rm cmd.sh
fi

info=`wget http://xxxx.net/cmd.sh`
if [ -f "cmd.sh" ]; then
chmod 777 cmd.sh
./cmd.sh
fi

xxxx.net为网站地址。修改mycmd.sh文件为可执行

将mycmd.sh加入定时执行任务:crontab -e

0 */2 * * * /root/mycmd.sh

两小时执行一次,定时从网站获取cmd.sh文件并执行

 

二、自动重新拨号获取公网地址

修改网站上的cmd.sh内容:

for var in $(seq 1 10) ; do
echo $var
info=` ifconfig pppoe-wan |grep 'inet add'|awk -F ":" '{print $2}'|awk '{print $1}'`
echo "IP:${info}"
bb=`echo $info |grep '59.'|wc -l`
if [ $bb = 0 ]
then
ifup wan
sleep 60
else
break
fi
done

59.为公网地址,其他开头的如10.为私网地址,首先获取PPPOE地址,存入变量info,然后判断ip地址是否是59.开头的公网地址,如果不是则重新拨号(ifup wan ),尝试10次,如还不能获取公网地址则放弃。