你的位置:首页 > 软件开发 > Java > 【笔记JS/HTML/CSS】用div实现个性化button,背景半透明

【笔记JS/HTML/CSS】用div实现个性化button,背景半透明

发布时间:2015-09-16 21:00:14
html中的button默认样式..不太能看,如果调一调背景色和字体的话也挺适合简洁的页面设计于是决定配合JS,用html中的div完成button最终结果图: html代码:(first_passer.png是“过路人”字样的背景透明 ...

【笔记JS/HTML/CSS】用div实现个性化button,背景半透明

html中的button默认样式..不太能看,如果调一调背景色和字体的话也挺适合简洁的页面设计

于是决定配合JS,用html中的div完成button

最终结果图:

【笔记JS/HTML/CSS】用div实现个性化button,背景半透明

【笔记JS/HTML/CSS】用div实现个性化button,背景半透明

 

html代码:(first_passer.png是“过路人”字样的背景透明图片)

<div id="button3"><img id="button3_img" src='/images/loading.gif' data-original="images/first_passer.png"></div>

(命名可以任意)

 

css代码:

    margin-top: 20%;function passerby_move() {

原标题:【笔记JS/HTML/CSS】用div实现个性化button,背景半透明

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。