web前端 -- 页面设计小技巧
1:进入网页时淡入淡出的效果。
<meta http-equiv=”Page-Exit”; content=”blendTrans(Duration=1.0)”>
在头部head之间加入此代码,你会发现点击链接的时候,网页现实的是淡入淡出的效果。此代码含义如下:Page-Exit”(离开网页)、”Site-Enter”(进入站点)、”Site-Exit”(离开站点)其中”Duration=1.0″可以设定每个周期的时间为多久,单位是秒(现在设置的是每周期1秒)。
2:把滔滔(微博客)完美放到你的博客中。试用于各种程序语言。演示见本站公告.红色部分注意事项:改成你的QQ号。 1就是只显示一条信息。这是JS文件路径。下载地址:http://www.lusongsong.com/reed/dkapi.js
<script type=”text/javascript”>var taotao_qq=13340454; var taotao_num=1;var taotao_type=0;</script><script type=”text/javascript” charset=”utf-8″ src=”reed/dkapi.js”></script>
3:彻底屏蔽鼠标右键。此段代码加入<body>区域。
<body oncontextmenu=”window.event.returnValue=false”>
4: 此段代码加入<body>区域将取消选取、防止复制。
<body onselectstart=”return false”>
5:不准粘贴。 此段代码加入<body>区域
<body onpaste=”return false”>
6:防止网站被扒皮。上次卢松松讲了一个方法是给网站“扒皮”,如何防止网站被扒皮呢?加入以下代码就可以了,网页将不能被另存为
<noscript><iframe src=”/blog/*.html>”;</iframe></noscript>
7:脚本永不出错,如果您的浏览器提示您的网址JS脚本出错,但检测了一遍没发现错误,就可以使用一下代码:
<SCRIPT LANGUAGE=”JavaScript”><!– Hide function killErrors() {return true;} window.onerror = killErrors; // –> </SCRIPT>
8:在规定时间内跳转,意思就是5秒后自动跳转到该页面下,适合做404网页。
<META http-equiv=V=”REFRESH” content=”5;URL=http://www.lusongsong.com”>
9:可防止复制,此段代码加入<body>区域
<body oncopy=”return false;” oncut=”return false;” >
10. 防止被人frame。例:有些网址导航站收录您的网址之后,不会直接跳转到你的网站,而是加载到他的网页中,这样不会给你的网站产生任何IP和PV。如果您不希望这样,那么请加入此段代码。
<SCRIPT LANGUAGE=JAVASCRIPT><!– if (top.location != self.location)top.location=self.location;// –></SCRIPT>
11:页面自动刷新,把如下代码加入 <head> 区域中 其中20指每隔20秒刷新一次页面. 可用户增加文章点击率,这是作弊行为。
<meta http-equiv= “refresh ” content= “20 “>
原文地址:http://www.ietester.net/index.php/archives/149.html
web前端 -- 页面设计小技巧的更多相关文章
- web前端页面设计小笔记
input总是在点击的时候出现蓝色边框,这是input的默认属性,就算设置了border:none:也没有用! #解决方法:outline:none; 设置input框里的placeholder值得字 ...
- 基于.net EF6 MVC5+WEB Api 的Web系统框架总结(1)-Web前端页面
本 Web 系统框架基于C# EF6+MVC+WebApi的快速应用开发平台.本节主要介绍Web前端页面设计与实现.Web前端页面主要分为普通列表页面.树状导航列表页面.普通编辑页面.数据导入页面.向 ...
- 微信移动端web页面调试小技巧
技术贴还是分享出来更加好,希望能对一些朋友有帮助,个人博客 http://lizhug.com/mymajor/微信移动端web页面调试小技巧
- 前后端分离之Web前端架构设计
架构设计:前后端分离之Web前端架构设计 在前面的文章里我谈到了前后端分离的一些看法,这个看法是从宏观的角度来思考的,没有具体的落地实现,今天我将延续上篇文章的主题,从纯前端的架构设计角度谈谈前后端分 ...
- APP图标设计小技巧:在iOS上快速获得APP图标的真实预览图
严格来说,这并不是一篇关于前端开发的文章,因为涉及到的知识非常浅.这只是一个向设计狮们分享的小经验,只是其中用到了一些前端内容. 最近接了个私活,了解到一个初创公司正在高价悬赏Logo(主要用于APP ...
- web前端页面项目经验总结
项目时间:2016年4月5日--4月9日项目名称:阿七果子园web前端页面项目内容: 1.HTML5+CSS+JavaScript(banner+timer)+JQuery(small_bann ...
- IOS开发之代理的设计小技巧
1.关于代理对象的设计小技巧 在设计一个类,需要通过代理和协议来从外部获取需要的动态的数据.那么在这里设计使用代理会有两种方法. <第一种方法> 也是比较常见的: 在你设计的类中,声明一个 ...
- 超强干货,11个灰常实用的AI设计小技巧!
11个超级实用的AI设计小技巧!涉及到很多的实用操作,纯干货经验总结,灰常值得收藏,赶快转走学起来吧! 编辑:千锋UI设计
- Web前端页面的浏览器兼容性测试心得(二)搭建原汁原味的IE8测试环境
如果你做的页面被老板或PM要求兼容IE8,你就值得同情了.IE8不支持HTML5,在2017年的前端界,开发者不涉及HTML5标准简直寸步难行.然而,有一个可怕的事实客观存在,那就是IE8是Win7系 ...
随机推荐
- 初识PDO数据库抽象层
目录: 00x1 php中的pdo是什么? 00x2 pdo创建一个PDO对象 00x1 php中的pdo是什么? 就是操作数据库的方法,pdo就是把操作数据库的函数封装成一个pdo类,其间做了安全验 ...
- python设计模式之常用创建模式总结(二)
前言 设计模式的创建模式终极目标是如何使用最少量最少需要修改的代码,传递最少的参数,消耗系统最少的资源创建可用的类的实例对象. 系列文章 python设计模式之单例模式(一) python设计模式之常 ...
- Java Web 远程调试
Java Web 远程 调试 Tomcat 下载压缩版服务器 环境:Tomcat.Eclipse,做远程调试我们并不需要其他特殊插件 1.配置Tomcat/bin/startup.bat 在前面增加代 ...
- caffe Python API 之Accuracy
net.acc = caffe.layers.Accuracy(net.fc3,net.label) 输出: layer { name: "acc" type: "Acc ...
- Django 1.10文档中文版Part2
目录 2.5 第一个Django app,Part 3:视图和模板 2.5.1 概览 2.5.2 编写更多的视图 2.5.3 编写能实际干点活的视图 2.5.4 404错误 2.5.5 使用模板系统 ...
- 理解HTTP幂等性(转)
原文链接:http://www.cnblogs.com/weidagang2046/archive/2011/06/04/2063696.html
- acm专题---最短路
spfa的时间复杂度是0(e) 题目来源:http://acm.hdu.edu.cn/showproblem.php?pid=1874 Problem Description 某省自从实行了很多年的畅 ...
- ireport报表,打印时,报表加载失败的解决方法
1.报表加载失败图示 2.解决方法 原创作者:DSHORE 作者主页:http://www.cnblogs.com/dshore123/ 原文出自:http://www.cnblogs.com/dsh ...
- 通过复制(拷贝)新建javaweb项目报错无法访问
我们有时候为了方便,用eclipse在原来动态web项目上直接复制,粘贴项目,来形成以一个新的项目.可是运行的时候,它显示的url地址,还是原来的项目地址.初步判定,有可能是eclipse配置的问题. ...
- MVC – 5.MVC设计模式和.NetMVC框架
MVC模式-设计模式 •控制器(Controller)- 负责转发请求,对请求进行处理. •视图 (View) - 界面设计人员进行图形界面设计. •模型 (Model)-业务逻辑.数据.验证规则.数 ...