新聞中心
zblog設(shè)置鼠標(biāo)滑過(guò)圖片特效
作者 / 無(wú)憂(yōu)主機(jī) 時(shí)間 2015-12-30 16:11:33
相信每一位php空間站長(zhǎng)朋友在建設(shè)和運(yùn)營(yíng)自己的網(wǎng)站的時(shí)候，肯定都會(huì)希望自己的網(wǎng)站建設(shè)的時(shí)尚富有特色。像無(wú)憂(yōu)主機(jī)小編我個(gè)人就不是很喜歡那種全部是靜態(tài)的，沒(méi)有交互式設(shè)計(jì)的網(wǎng)站，這種網(wǎng)站訪(fǎng)問(wèn)起來(lái)會(huì)有一種千篇一律，非常的死板的感覺(jué)，而是偏向于那些在網(wǎng)站中有交互式設(shè)計(jì)，很動(dòng)感的網(wǎng)站，這種網(wǎng)站往往更加的能夠吸引訪(fǎng)問(wèn)者，提升網(wǎng)站的流量。所以無(wú)憂(yōu)主機(jī)小編經(jīng)常會(huì)在網(wǎng)上的各大論壇里學(xué)習(xí)借鑒各種優(yōu)秀實(shí)用的交互式設(shè)置。前段時(shí)間無(wú)憂(yōu)主機(jī)小編就在跟朋友交流的時(shí)候發(fā)現(xiàn)了一個(gè)蠻實(shí)用的交互式設(shè)置——zblog程序鼠標(biāo)滑過(guò)圖片特效。這個(gè)特效就是訪(fǎng)問(wèn)者在訪(fǎng)問(wèn)的時(shí)候用鼠標(biāo)滑過(guò)圖片，圖片就會(huì)慢慢的變淡，透明化，整體呈現(xiàn)的效果是蠻不錯(cuò)的，所以現(xiàn)在小編就拿出來(lái)和大家以前分享一下設(shè)置的方法。 這個(gè)鼠標(biāo)滑過(guò)圖片的特效呢，小編是通過(guò)設(shè)置js代碼實(shí)現(xiàn)的，操作的方法也是十分的簡(jiǎn)單易學(xué)。首先我們要編輯一段js代碼，代碼格式如下所示“
<script type="text/javascript">
$(function () {$('img').hover(function() {
$(this).fadeTo("fast", 0.8);},
function() {$(this).fadeTo("fast", 1);});});</script>
代碼編輯好了之后我們?cè)谡业絟eader.php這個(gè)文件，用網(wǎng)頁(yè)編輯工具將其打開(kāi)，把上面的代碼復(fù)制到這里面的</head>標(biāo)簽的前面，保存數(shù)據(jù)，刷新一下緩存就可以實(shí)現(xiàn)了，非常簡(jiǎn)單實(shí)用哦。
無(wú)憂(yōu)主機(jī)相關(guān)文章推薦閱讀：
ZBLOG主題修改方法
ZBLOG必備插件YTCMS插件介紹
ZBLOG首頁(yè)的分頁(yè)條實(shí)現(xiàn)調(diào)用不同模板的方法
本文地址：http://www.gle-technology.com/zblog/21232.html
