jquery仿QQ邮箱上传

前端笔记热度:1,563 ℃51 条吐槽阅读模式

星期两天光宅在家里打Dota了,被电脑人打的落花流水的说,无地自容,不过上周还不知道英雄怎么选择的,这周就知道几个英雄的技能了,哎,果然和澄海不是一个类型的,一个节奏快,一个节奏慢,还是节奏快的比较适合我啊。

来说说代码的事,今天花了一点时间又山寨了一个小效果,仿的是QQ邮箱的上传功能,先放代码吧,样式就不放了,具体的可以到demo里面去查看:

$(function(){
	$("a").click(function(){
		var box =150
                //定位弹出层高度
                var th= $(window).scrollTop()+$(window).height()/2-box
               //取得透明层高度
               var h =document.body.clientHeight
              //定位弹出层位置
              var rw =$(window).width()/2-box
             //显示弹出层
             $(".showbox").animate({top:th,opacity: 'show',width:300,height:300,right:rw},500)
            //追加透明层遮罩
            $("body").prepend("
") //定义遮罩 $(".mask").css({opacity:"0.5"}).css("height",h) return false; }) //取消弹出层 $(".showbox span").click(function(){ $(this).parent().animate({top:0,opacity: 'hide',width:0,height:0,right:0},500) $(".mask").fadeOut("fast")}) })

我是加了背景图的,目的就是为了看到透明层效果,有点蛋疼,还有一点就是不管在哪个地方点击,弹出层总是出现在屏幕中间的,所以我在页面上中下放了三个a,既然是demo就要瞎搞,我需要保证你在页面的每个角落都能看到那熊猫哀怨无辜并且致人怀孕的眼神。如果我会做魔兽地图一定把这个英雄加进去,大招就是怀孕轮回眼:瞪谁谁怀孕,减低对方攻击力,大大减低对方的移动速度,被施法者挨揍的时候会大量出血 (闷骚)

/*下一个九月*/

相关日志-小站地图为你展开

51 条精彩的吐槽 在《 jquery仿QQ邮箱上传 》

快来吐槽吧

貼張圖 您还可以输入300个字

(鬼脸) (额) (难过) (闷骚) (钱哇) (鄙视) (蛋定) (睡觉) (看看) (生气) (猪头) (汗) (晕) (无语) (无法表达) (微笑) (得意) (开怀) (媚眼) (囧) (嘿嘿) (哼) (哭泣) (不说话)
知识需要反复探索,土地需要辛勤耕耘 关闭