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系 ...
随机推荐
- 多维尺度变换MDS(Multidimensional Scaling)
流形学习(Manifold Learning)是机器学习中一大类算法的统称,流形学习是非线性的降维方法(an approach to non-linear dimensionality reducti ...
- python并发编程之asyncio协程(三)
协程实现了在单线程下的并发,每个协程共享线程的几乎所有的资源,除了协程自己私有的上下文栈:协程的切换属于程序级别的切换,对于操作系统来说是无感知的,因此切换速度更快.开销更小.效率更高,在有多IO操作 ...
- python基础之上下文管理器
前言 关于计算器运行的上下文的概念,我的理解也不是很深:按我的理解就是程序在运行之前,其所需要的资源,运行环境等都会被序列化,然后加入到CPU的任务队列中,等待调度系统分配时间片执行.下面谈谈pyth ...
- linux配置samba服务【原创】
转载请注明出处http://www.cnblogs.com/paul8339/p/7509981.html 需求,windows服务器访问linux的共享文件,需要linux服务器安装并配置samba ...
- Learning a Deep Compact Image Representation for Visual Tracking
这篇博客对论文进行了部分翻译http://blog.csdn.net/vintage_1/article/details/19546953,不过个人觉得博主有些理解有误. 这篇博客简单分析了代码htt ...
- HDU 2544 最短路(floyd+bellman-ford+spfa+dijkstra队列优化)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2544 题目大意:找点1到点n的最短路(无向图) 练一下最短路... dijkstra+队列优化: #i ...
- spring自定义注解的使用
前几天写了一个消息中间件(kafka)的封装,业务方发现消费者需要配置的东西太多(每增加一个topic和实现类都需要在配置文件中加,会显得很繁琐).于是我为了尽量减少这个XML配置,采用注解的方式来获 ...
- hdu 1850(尼姆博弈)
Being a Good Boy in Spring Festival Time Limit: 1000/1000 MS (Java/Others) Memory Limit: 32768/32 ...
- EasyUi–7.tab和datagrid和iframe的问题
1. 多个tab切换,第2个不显示 动态添加tab Iframe页面的方法 展开 折叠 <script type="text/javascript"> $(functi ...
- 关于HTML5 boilerplate 的一些笔记
最近在研究HTML5 boilerplate的模版,以此为线索可以有条理地学习一些前端的best practice,好过在W3C的文档汪洋里大海捞针……啊哈哈哈…… 开头的IE探测与no-js类是什么 ...