html 自定义打印模板,HTML+CSS入门 自定义模板详解
本篇教程介紹了HTML+CSS入門 自定義模板詳解,希望閱讀本篇文章以后大家有所收獲,幫助大家HTML+CSS入門。<
首先總的stylecss和大模板都是當(dāng)初angel_Kitty學(xué)姐的,嗯,連接在這,可以自己去看:自定義頁(yè)面風(fēng)格設(shè)計(jì)?后續(xù)篇(頁(yè)面設(shè)計(jì)模式及代碼高亮?鼠標(biāo)點(diǎn)擊效果升級(jí))。
看完了上面的應(yīng)該就已經(jīng)有了一個(gè)比較好的樣式了。
/*?鼠標(biāo)特效?*/
var?a_idx?=?0;
jQuery(document).ready(function($)?{
$("body").click(function(e)?{
var?a?=?new?Array("你自己想寫(xiě)的話。。。);
var?$i?=?$("").text(a[a_idx]);
a_idx?=?(a_idx?+?1)?%?a.length;
var?x?=?e.pageX,
y?=?e.pageY;
$i.css({
"z-index":?999999999999999999999999999999999999999999999999999999999999999999999,
"top":?y?-?20,
"left":?x,
"position":?"absolute",
"font-weight":?"bold",
"color":?"rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
});
$("body").append($i);
$i.animate({
"top":?y?-?180,
"opacity":?0
},
1500,
function()?{
$i.remove();
});
});
});
本文由職坐標(biāo)整理發(fā)布,歡迎關(guān)注職坐標(biāo)WEB前端HTML/CSS頻道,獲取更多HTML/CSS知識(shí)!
總結(jié)
以上是生活随笔為你收集整理的html 自定义打印模板,HTML+CSS入门 自定义模板详解的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: python2和3语法区别_python
- 下一篇: 2017年html5行业报告,云适配发布