0
雖然JQuery的工具代碼似乎在鉻和FF工作良好,它不工作在IE 6或7 ... http://designbracket.com/我在我們的服務鏈接上使用覆蓋並根據它的鏈接(請原諒格式化現在...仍然工作在網站上)問題在IE7和6與Drupal和jQuery工具
<?php jquery_plugin_add('overlay'); ?>
<?php
drupal_add_js(
'$(function() {
// positions for each overlay
var positions = [
[0, 530],
[400, 20],
[400, 530],
[0, 20]
];
// setup triggers
$("#Mone[rel],#Mtwo[rel], #Mthree[rel], #Mfour[rel]").each(function(i) {
$(this).overlay({
// common configuration for each overlay
oneInstance: false,
closeOnClick: false,
// setup custom finish position
top: positions[i][0],
left: positions[i][1],
});
});
});',
'inline'
); ?>
<STYLE>
div.overlay {
/* growing background image */
background-image:url(http://flowplayer.org/img/overlay/white.png);
/* dimensions after the growing animation finishes */
width:600px;
height:470px;
/* initially overlay is hidden */
display:none;
/* some padding to layout nested elements nicely */
padding:55px;
}
/* default close button positioned on upper right corner */
div.overlay div.close {
background-image:url(http://flowplayer.org/img/overlay/close.png);
position:absolute;
right:5px;
top:5px;
cursor:pointer;
height:35px;
width:35px;
}
</STYLE>
<table style="margin-left:75px;">
<tr>
<td style="width:165px; vertical-align:top">
<a href="#" rel="div.overlay:eq(0)" id="Mone"style="color:#12636e;font-size:17pt;">Our Services</a></br>
<ul>
<li><a href="#" rel="div.overlay:eq(1)" id="Mtwo">Digital Media </a></li>
<li><a href="#" rel="div.overlay:eq(2)" id="Mthree">Online Marketing</a></li>
<li><a href="#" rel="div.overlay:eq(3)" id="Mfour">Websites</a></li>
</ul>
</td>
</tr>
</table>
<div class="overlay">
<h2 style="margin:10px 0">Overlay </h2>
<p style="float: left; margin:0px 20px 20px 0;">
<img src="http://static.flowplayer.org/img/title/tools24.png" />
</p>
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Donec lorem ligula, elementum vitae,
imperdiet a, posuere nec, ante. Quisque mattis massa id metus.
</p>
</div>
<div class="overlay">
<h2 style="margin:10px 0">Overlay <me>#2</me></h2>
<p style="float: left; margin:0px 20px 20px 0;">
<img src="http://static.flowplayer.org/img/title/tools24.png" />
</p>
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Donec lorem ligula, elementum vitae,
imperdiet a, posuere nec, ante. Quisque mattis massa id metus.
</p>
</div>
<div class="overlay">
<h2 style="margin:10px 0">Overlay <me>#3</me></h2>
<p style="float: left; margin:0px 20px 20px 0;">
<img src="http://static.flowplayer.org/img/title/tools24.png" />
</p>
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Donec lorem ligula, elementum vitae,
imperdiet a, posuere nec, ante. Quisque mattis massa id metus.
</p>
</div>
<div class="overlay">
<h2 style="margin:10px 0">Overlay <me>#4</me></h2>
<p style="float: left; margin:0px 20px 20px 0;">
<img src="http://static.flowplayer.org/img/title/tools24.png" />
</p>
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Donec lorem ligula, elementum vitae,
imperdiet a, posuere nec, ante. Quisque mattis massa id metus.
</p>
</div>
<div class="overlay">
<h2 style="margin:10px 0">Overlay <me>#5</me></h2>
<p style="float: left; margin:0px 20px 20px 0;">
<img src="http://static.flowplayer.org/img/title/tools24.png" />
</p>
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Donec lorem ligula, elementum vitae,
imperdiet a, posuere nec, ante. Quisque mattis massa id metus.
</p>
</div>
請建議什麼shud我做,使之在IE 6和7的工作。爲了方便檢查代碼,我確保它內部有HTML和CSS ..所以要檢查在你的測試Drupal站點中簡單地剪切複製粘貼。
感謝