发布于 2017-07-12 15:17:24 | 20 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Javascript教程,程序狗速度看过来!

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。


QQ空间顶部折页撕开效果想必大家都有看到过吧,那么它是怎么实现的呢?下面与大家分享下
效果:
 
HTML:
 
<div id="pageflip"> 
<a target="_blank" href="http://www.sparkdesign.cn/"><img width="307" height="319" src="js/page_flip.png" style="overflow: hidden; width: 50px; display: block; height: 52px;"></a> 
<div class="msg_block" style="overflow: hidden; width: 50px; display: block; height: 50px;"></div> 
</div> 

JS:
 
$(document).ready(function(){ 

$("#pageflip").hover(function(){ 
$("#pageflip img , .msg_block").stop().animate({width: '307px', height: '319px'}, 500); 
},function(){ 
$("#pageflip img").stop().animate({width: '50px', height: '52px'}, 220); 
$(".msg_block").stop().animate({width: '50px', height: '50px'}, 200); 
}); 

}); 


相关阅读 :
QQ空间顶部折页撕开效果示例代码
首页图片漂浮效果示例代码
网页特效:3D翻转效果示例代码
使用原生js实现页面蒙灰(mask)效果示例代码
利用jQuary实现文字浮动提示效果示例代码
div模拟滚动条效果示例代码
JS实现图片翻书效果示例代码
JS实现的仿QQ空间图片弹出效果代码
JS分页效果示例
js插件-图片椭圆轮播效果示例
JavaScript淘宝评星的效果示例
JS模仿腾讯图片站的图片翻页按钮效果完整实例
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务