网页特效
文章平均质量分 65
苍羽
这个作者很懒,什么都没留下…
展开
-
CSS透明背景
#div2 { height:330px; filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;z-index:100; background-color:#ffffff; }原创 2014-04-30 09:49:09 · 280 阅读 · 0 评论 -
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
想跳到 mao.aspx 的页面 的div id="s" 的位置 那么 只用 就可实现跳转到指定位置 现在为了增加用户体验 跳转到页面后 平滑移动到该位置 怎么做呢 其实也很简单啦 那边传递过来一个 要跳转到哪个div的参数就行 先上一段 页面获取参数的 通用js转载 2014-05-06 14:44:12 · 1178 阅读 · 0 评论 -
jquery获取当前元素的坐标,页面跳转后还返回当前位置
1,获取对象实例中我获取的对象是弹出窗口按钮,这样创建的新窗口就会根椐按钮的位置进行调整,实例中将创建的新窗口显示的按钮的右下角。 2,获取对象元素的位置(offset()方法) var offset = obj.offset(); 获取对象元素的位置,分别是元素的top和left,调用方法是:offset.left和offset.top,可知当前对象的左部和顶部位置。 3,获取对象元素的宽度(w转载 2014-05-06 08:27:25 · 910 阅读 · 0 评论 -
css引入特殊字体
css引入特殊字体建议只是用英文字体,中文字体太大不适合。在CSS中通过@font-face属性来实现网页中嵌入特殊字体。首先获取要使用字体的三种文件格式.EOT、.TTF或.OTF、.SVG,确保能在主流浏览器中都能正常显示该字体。.EOT,适用于Internet Explorer 4.0+.TTF或.OTF,适用于Firefox 3.5、Safari、Opera转载 2014-05-07 08:03:54 · 1153 阅读 · 0 评论 -
CSS控制div延时
div{width:100px;height:100px;background:red;position:relative;animation:mymove 5s infinite;animation-delay:2s;/*Safari and Chrome*/-webkit-animation:mymove 5s infinite;-webkit-animation-del转载 2014-05-07 11:04:47 · 3747 阅读 · 0 评论 -
指定CSS和JS文件的编码格式
zhi原创 2014-05-07 14:31:48 · 800 阅读 · 0 评论 -
实现全屏按比例缩放背景图片(CSS,CSS+JQuery或JQuery)
很多网站是全背景图片的,而且适应各种主流分辨率,给人一种干净大气的感觉,实属设计派的一个耍酷良方,下面介绍几种实现全屏图片自适应缩放背景图片的方法。帅气简单的CSS3方法首先我们要感谢CSS3的 backgroud-size 属性。我们只需要使用@html@定义,设置一个固定居中的背景,然后通过 background-size 来调整,代码如下:html { back转载 2014-05-07 15:50:34 · 1921 阅读 · 0 评论 -
Java+Jquery+Json传值基础实例
JSON支持jar版本:原创 2014-05-08 17:09:09 · 445 阅读 · 0 评论 -
网站背景样式
body{ background:url(img.jpg); background-position:center; background-repeat:no-repeat; }转载 2014-04-24 16:21:09 · 316 阅读 · 0 评论 -
javascript记录页面位置,切换回来时依然停留在开始访问的地方
1、如果你的你有很多的页面,那么在访问当前页面的时候,中途又去看了别的页面,那么怎么让你返回的时候使页面依然停留在开始访问的位置呢?这里我用到的是scroll. 首先是写一个公共的记录页面滚动的方法可以理解为java里面的接口: scroll=(function(){ var list =[]; $(window).scroll(function(){ for转载 2014-05-05 15:13:23 · 1282 阅读 · 0 评论 -
CSS实现 全屏 遮罩
现在全屏的半透明遮罩层在web2.0网站应用非常广泛了,绝大多数遮罩是通过计算页面大小,然后覆盖一个与页面同等大小的层实现,如腾讯qzone, wordpress后台。这种方式本来无可非议,但是在页面很长的时候在IE8下会失效(国外资料的解释是与机器显卡相关),有些完美情节的同学遇到这个问题后就抓破了头,无奈之下甚至想让IE8强制使用IE7的方式解析他的作品。其实我们有一个更好的方法,咱们用CSS转载 2014-05-05 15:36:50 · 1018 阅读 · 0 评论 -
js离开当前页面前判断条件提示是否要离开页面
window.onbeforeunload=function (event){ var evt = event || window.event; evt.returnValue = "你确定要离开当前页面吗?";}原创 2014-04-30 11:18:59 · 1159 阅读 · 1 评论 -
JQUERY 表单异步提交
JQUERY 表单异步提交 $(document).ready(function() { $('#myform').submit(function(){ jQuery.ajax({ url: "AsynchronousForm.action", // 提交的转载 2014-04-30 15:54:47 · 436 阅读 · 0 评论 -
Google的Jquery地址
1. 很多网站都是使用这种方式引入,客户的浏览器可能已经缓存过了 jquery。可以直接调用本地的,速度更快… 2. Google code 使用了 cdn 技术在很多地方有节点服务器,加载 jquery 时绝对不会比在你服务器上加载慢,本地服务器除外 : ) 3. 可以节省服务器流量,降低服务器带宽压力 可以使用两种方式引用 google code 的jquery 一、引用转载 2014-04-30 15:34:19 · 597 阅读 · 0 评论 -
Js获取当前日期时间及其它操作
var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-3转载 2014-04-30 18:12:55 · 264 阅读 · 0 评论 -
灵活运用ajax的方法beforeSend改善用户体验
我们知道,开源框架jquery的API—— jquery.ajax中有一个方法beforeSend,用于在向服务器发送请求前添加一些处理函数。这是一个ajax事件,在ajax请求开始之前就被触发,通常允许用户修改XMLHttpRequest对象(比如说设置附加的头部信息),关于ajax事件的解释可参考文档:http://docs.jquery.com/Ajax_Events 这里我转载 2014-05-04 13:34:10 · 361 阅读 · 0 评论 -
jquery加载页面的方法(页面加载完成就执行)
jquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document).ready之间的区别。1、$(function(){ $("#a").click(function(){ //adding your code here }); }); 2、$(document).ready(function(){ $转载 2014-05-05 09:35:47 · 332 阅读 · 0 评论 -
jquery展开、收缩列表
jquery展开、收缩 // 收缩展开效果 $(document).ready(function(){ $(".box h2").toggle(function(){ $(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow"); },function(){ $(this转载 2014-05-05 15:51:27 · 901 阅读 · 0 评论 -
Jquery.Form 异步提交表单的简单实例
1. 在你的页面里写一个表单。一个普通的表单,不需要任何特殊的标记:.代码如下:Name: Password: 在没有Jquery.Form组件的时候,提交表单,页面会进入阻塞模式,等待服务器端的响应。2. 引入jQuery和Form Plugin Javascript脚本文件并且添加几句简单的代码让页面在DOM加载转载 2014-05-05 11:34:41 · 507 阅读 · 0 评论 -
让一个层在所有层的下面当背景的方法
让一个层在所有层的下面当背景原创 2014-04-24 17:24:11 · 336 阅读 · 0 评论