为了账号安全,请及时绑定邮箱和手机立即绑定

按钮特效

江老实 Web前端工程师
难度初级
时长 2小时 0分
学习人数
综合评分9.77
113人评价 查看评价
9.9 内容实用
9.8 简洁易懂
9.6 逻辑清晰
讲的很细,很喜欢老师讲课的方法
这么好听的声音绝对不加快
$('.tip').css({'left':pos+'px'}).stop(true,false).animate({'top':145,'opacity':1},500);

$('.tip').stop().animate({'top':100,'opacity':0},500)
很不错的一个视频,老师讲得很好,赞一个
var dis = ($('.tip').outerWidth()-$(this).outerWidth())/2;
var l = pos-dis;
$('.tip').css({'opacity':1,'left':l+'px'}).animate({'top':145,'opacity':1},300);
},function(){
if($('.tip').stop(true,false).animate()){
$('.tip').animate({'top':100,'opacity':0},500);
}});})</script>
<script type="text/javascript">
$(function(){
$('.link .button').hover(function(){
var title = $(this).attr('data');
//document.title=title;
$('.tip em').text(title);
var pos = $(this).position().left+12;
这个幽灵按钮上次在QQ课堂上面极客学院看到过,一模一样的案例,只是讲的老师不一样,这个是女老师,QQ课堂上面是个男老师。

已采纳回答 / MaxJin
对,但是你也可以自己切图来做更绚丽的按钮
讲的很好,,谢谢老师啦。感觉蛮有收获的。
讲复杂了,简单问题复杂化了。。。
这是案例回顾嘛,好欢乐
好艰难啊,真是技术活
还是要点数学逻辑的,不然会弄晕
很不错的课程
一分钟能说完的事儿一定要说十分钟。。
这个音乐好逗窝,有了我小时候看动画片的感觉了,哈哈哈哈哈哈
课程须知
1、你至少具备photoshop简单基础知识。 2、熟悉html基础知识,尤其对<input>标签、<a>标签、<span>标签和css样式比较了解。 3、有(X)HTML和CSS2基础及对HTML5和CSS3有所了解的童鞋们。
老师告诉你能学到什么?
1、如何制作圆角按钮 2、如何拆解动画效果 3、如何使用transform属性实现旋转 4、如何使用transition属性实现过渡

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消