I am trying to use two jquery on a blog…
Code is as follows… (I am getting error on page as “Object doesnt support this property or method”)
(For MORE plz visit my blog page www.technotreat.com)
<Head>
<script src=‘jquery.lavalamp.min.js’ type=‘text/javascript’/>
<script src=‘jquery.lavalamp.js’ type=‘text/javascript’/>
<script src=‘interface.js’ type=‘text/javascript’/>
<script src=‘jquery.js’ type=‘text/javascript’/>
$(function()
{
$("#3").lavaLamp(
{
fx: "backout",
speed: 700,
});
});
</script>
</Head>
<Body>
.
.
.
.
.
.
<div class=‘dock’ id=‘dock2’ style=‘position: absolute; align: center;’>
<div class=‘dock-container2’>
<a class=‘dock-item2’ href=‘#’><span>Home</span><img alt=‘home’ src=‘home.png’/></a>
.
.
.
.
.
.
</div>
</div>
<script type=‘text/javascript’>
$(document).ready(
function()
{
$(‘#dock2’).Fisheye(
{
maxWidth: 60,
items: ‘a’,
itemsText: ‘span’,
container: ‘.dock-container2’,
itemWidth: 40,
proximity: 80,
alignment : ‘left’,
valign: ‘bottom’,
halign : ‘center’
});
}
);
</script>
</Body>
Both jquery used are for Menus… One is below head (slider style) and another one is floating (floating MAC Menu style)…
Plz scroll page and hover on below menu, then you will feel the difference in IE and FF (chrome)…
Give me solution which fits for all browsers…
THANKS A LOT