好吧,我已经研究了一个多星期了,还是想不通。基本上这是我之前发布的最终结果的示例:
他们的建议没有奏效。当您单击右上角的按钮时,javascript 正在更改标题 css。这是一个演示:DEMO of JAVASCRIPT CHANGE
我正在尝试用图像复制此操作,但是我不太了解 javascript,并且不太确定在查看 javascript 文件时我在读什么。我要么希望有人帮助我阅读此 javascript,以便我可以自己编辑它,要么帮助我找到解决方案。
这是 Javascript:Script.JS
这是我到目前为止所做的相关 HTML:
body >
<div id="gspinner" class="spinner"></div>
<div id="glob">
<header>
<div class="inner">
<a href="#!/home"><h5><img src="images/logo_large.png" /></h5></a>
<!--<a href="#!/home"><img src="logo-large.png" id="img- logo" alt="" /></a>
<!--<a href="#!/home"></></a>-->
<nav>
<ul>
<li class="li-2"><a href="#!/about"><span class="lbl">About Us</span><span class="ico -def"></span><span class="ico -hvr"></span></a>
<ul>
<li><a href="#!/history">History</a></li>
<li><a href="#!/mission">Mission Statement</a></li>
<li><a href="#!/solutions">Solutions</a></li>
<li><a href="#!/distribution">Distribution Area</a></li>
<li><a href="#!/logo">SAS Logo</a></li>
</ul>
</li>
<li class="li-1"><a href="#!/events"><span class="lbl">Events</span><span class="ico -def"></span><span class="ico -hvr"></span></a>
<ul>
<li><a href="#!/tradeshow">Trade Show</a></li>
<li><a href="#!/awesomeachievers">Awesome Achievers</a></li>
<li><a href="#!/whatshappening">What's Happening</a></li>
</ul></li>
<li class="li-3"><a href="#!/technology"><span class="lbl">Technology</span><span class="ico -def"></span><span class="ico -hvr"></span></a>
<ul>
<li><a href="#!/nexgen">NexGen</a></li>
<li><a href="#!/synergy">Synergy</a></li>
<li><a href="#!/edi">EDI</a></li>
</ul>
</li>
<li class="li-4"><a href="#!/marketing"><span class="lbl">Marketing</span><span class="ico -def"></span><span class="ico -hvr"></span></a></li>
<li class="li-5"><a href="#!/sales"><span class="lbl">Sales</span><span class="ico -def"></span><span class="ico -hvr"></span></a></li>
<li class="li-6"><a href="#!/mail"><span class="lbl">Employment</span><span class="ico -def"></span><span class="ico -hvr"></span></a></li>
</ul>
</nav>
</div>
</header>
这是 CSS:Style.css
任何帮助将不胜感激,并将为此获得“积分”,我已经为此工作了一个多星期而没有任何帮助,但我决定我应该寻求帮助。
谢谢!
最佳答案
不是 Javascript 解决方案,但我设法使用 CSS 实现了您想要的;只需将“高度:40%”添加到您的 Logo 图像,它应该随标题缩放(请注意,您可能需要使用更高质量版本的 Logo ),因为当前的 Logo 在增长时会有点像素化.
关于javascript - 使用 Javascript 更改图像大小(复制),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16522833/