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