大发快三人工计划

  • <tr id='Mlu9Rg'><strong id='Mlu9Rg'></strong><small id='Mlu9Rg'></small><button id='Mlu9Rg'></button><li id='Mlu9Rg'><noscript id='Mlu9Rg'><big id='Mlu9Rg'></big><dt id='Mlu9Rg'></dt></noscript></li></tr><ol id='Mlu9Rg'><option id='Mlu9Rg'><table id='Mlu9Rg'><blockquote id='Mlu9Rg'><tbody id='Mlu9Rg'></tbody></blockquote></table></option></ol><u id='Mlu9Rg'></u><kbd id='Mlu9Rg'><kbd id='Mlu9Rg'></kbd></kbd>

    <code id='Mlu9Rg'><strong id='Mlu9Rg'></strong></code>

    <fieldset id='Mlu9Rg'></fieldset>
          <span id='Mlu9Rg'></span>

              <ins id='Mlu9Rg'></ins>
              <acronym id='Mlu9Rg'><em id='Mlu9Rg'></em><td id='Mlu9Rg'><div id='Mlu9Rg'></div></td></acronym><address id='Mlu9Rg'><big id='Mlu9Rg'><big id='Mlu9Rg'></big><legend id='Mlu9Rg'></legend></big></address>

              <i id='Mlu9Rg'><div id='Mlu9Rg'><ins id='Mlu9Rg'></ins></div></i>
              <i id='Mlu9Rg'></i>
            1. <dl id='Mlu9Rg'></dl>
              1. <blockquote id='Mlu9Rg'><q id='Mlu9Rg'><noscript id='Mlu9Rg'></noscript><dt id='Mlu9Rg'></dt></q></blockquote><noframes id='Mlu9Rg'><i id='Mlu9Rg'></i>

                制作网页LOGO发光钢铁也该被自己打效果教程

                网页设计 / 2012-08-23 16:52:00

                这个主题的LOGO原本就只是一张静态图片而以,没有什么动态效果,显得有些说吧过于低端,哈哈。于是就想着修改这个LOGO,能不能加一些动态样式,最初的修改方法是把a标签◆的的背景改成原始LOGO,然后加个a:hover的样式,使背景替换成事先做好的有发光效果的LOGO图片。这种方法虽然可以实现发光变化,但是变化的过程太生硬啦,这,不是想要的。

                于是想到了蓝山狼隼能不能用JQ来实现,当然,实验结果就是现在的样式啦,还是很满意的。

                先说说这个方法的原理吧。

                这个JQ代码会在a标签一个趔趄里动态添加一个№span标签,CSS中,a标签的背景设置为默认LOGO,span的的背景设置为有发光效果的LOGO,a和span是在坐标相同的两福星层位置,也就是说他们的背景是完全重叠的。然后就利用JQ脚本,设置span的透明度初始值为完全透明,当鼠标移上之后,会在设置的时间内慢慢变成不透明,就完成了这个效话竟然都矛盾了果。

                具体教程在下面:

                第一步,首先你必须得▂有做好的两张LOGO,对吧?类似下∩图这样。不要跟我说不知道怎么做发光效果,亲,请百度吧,很简单。

                默认LOGO和发光LOGO

                默认LOGO和发光LOGO

                第二步,就是修改相应的代虽然是百位排名码和CSS。

                一般心中有些滑稽大部分主题都是用a标签里面包含img标签来实现LOGO显示的吧。将img标签去掉。代码如下。

                然后修改CSS样式,例子如下。

                .logo-link {display:block;width:190px;height:190px;background:url(默认LOGO地址);}        
                .logo-link span.hover {display:block;width:190px;height:190px;background:url(发光LOGO地址);}

                第三步,修改JS文件,添加JQ代码。

                基本上每个主题都会加载一些JS的,随便找个每个页面都会用的JS文件,打开添加下列代码:

                jQuery(document).ready(function(){  
                            jQuery('.logo-link,').wrapInner('').css('textIndent','0').each(function () {  
                                jQuery('span.hover').css('opacity', 0).hover(function () {  
                                    jQuery(this).stop().fadeTo(600, 1);  
                                }, function () {  
                                    jQuery(this).stop().fadeTo(600, 0);  
                                });  
                            });  
                }); 

                注意,jQuery('.logo-link,')这段中的.logo-link要换想起来了成你自己设置的▲a标签的class名称。

                OK,方法大致就是这样,需要注意的就是CSS文件和JS文件中的样式名称要一致。

                本文只是提供一个方法思路,具体的操作摇了摇头心中大喜要按你主题的实际代码情况来修改。

                PS:修改之前要注意备份哦,否则不小心修改出错了小V可是不负责的哟。

                订阅号

                上饶帮

                服务号

                猎人传媒