张文保的博客
张文保 · Paul Zhang

Engineering the Future
功不唐捐,玉汝于成

Web技术

手机移动端访问PC版网站自动跳转到手机版网站

有的网站有PC站和移动站两个域名,比如www.zhangwenbao.com是PC站,m.zhangwenbao.com是移动站,当手机等移动端设备访问www.zhangwenbao.com时,需要自动跳转到m.zhangwenbao.com,那么使用下面的JS代码就可以实现,将以下代码复制粘贴到网站<head>部分,将代码中的PC站和手机站域名改成你自己的即可。<scrip……

JS

段落开头自动空两格CSS代码

网页内容中遇到大量的中文段落时,排版需要为每个段落前空两格或者往右缩进两格,以符合中文阅读的习惯,不会像豆腐块一样。只需要将文章“容器”样式中加上text-indent这个属性就可以了,如下代码所示:.box{text-indent:2em;}或者<div style="text-indent:2em;">你的文章内容!</div>如果网页模板加了这个CSS代码的话,就……

CSS

防止网页恶意复制的屏蔽右键代码

有时候为了抵制顺手牵羊的复制狗,不得不采用一些方法来阻挠手段,其中屏蔽右键复制的代码用得比较多,保哥总结大概有以下几种: <head>语句下输入<body onselectstart="return false;" oncontextmenu="return false;" >在系统首页文件(default.asp)和日志文件(article.asp)最底下加入如下代码……

JS

远程连接mysql的配置方法

默认情况下,mysql只允许本地登录,如果要开启远程连接,则需要修改/etc/mysql/my.conf文件。一、修改/etc/mysql/my.conf 找到bind-address = 127.0.0.1 这一行,改为bind-address = 0.0.0.0 即可二、为需要远程登录的用户赋予权限 1、新建用户远程连接mysql数据库grant all on *.* ……

MySQL

图片按比例缩放代码

这个图片自动按比例缩小代码可以防止页面被图片撑破,一般用在内容页里的插图,比如论坛帖子、文章页、产品详情页。代码如下:<div id=article><img height="800" alt="" width="1280" src="/images.jpg" /></div> <script type="text/javascript" >……

JS

图片自适应手机端并居中显示CSS样式

很多内容编辑器对图片的处理是居左显示的,如果是响应式的HTML5网站,还存在图片宽度太宽显示不全的问题。这种情况,在后台上传图片时,图片宽度默认是图片的真实宽度,可以把宽度设置为100%,或留空不填,高度也留空不填。内容页写法<div class="detail"> 这里是内容及图片</div> CSS样式可以如下写法,如果担心在电脑上浏览时,图片过大撑破页面……

CSS

Font Awesome字体图标的使用方法

Font Awesome字体图标的特色 ✓ 一种字体,包含605个图标(截至4.5.0版本); ✓ 纯 css 控制,能够轻松定义图标的颜色、大小、阴影以及任何 CSS 能够实现的效果; ✓ 无限缩放,矢量图标在任何尺寸下都一模一样; ✓ 免费使用,包括商业和非商业项目; ✓ 支持 Internet Explorer 7 浏览器; ✓ 能够在 Retina 屏幕完美呈现; ✓ 简单,易用; ✓……

Font Awesome

JS实现幻灯片轮播自适应屏幕宽度并支持手机触屏滑动

本文使用js+jQuery实现轮播图,需要引用jquery包,另种实现分别是animate实现自适应的轮播,以及transform平滑轮播(在注释代码中)。代码中的图片大家自己更换就可以了,样式和逻辑均写在js里。html标签代码:<div class="slider"> //轮播箭头 <p class="lastpic"><img src="../image……

JS jQuery

JS判断移动端并自动跳转至移动端网站

分享一个保哥经常使用的JS移动设备浏览器判断及自动跳转代码,实现当手机或平板等移动端打开网站时会自动跳转至手机版网站。第一种方法,具体代码如下:<SCRIPT LANGUAGE="JavaScript"> function mobile_device_detect(url) { var thisOS=navigator.platform; var os=new Array(……

JS
SSL安全认证