Javascript 我如何使用“a”;document.location.href"&;在同一元素中,有一个不带';我不能激活它
(我正在开发一个移动响应网站)Javascript 我如何使用“a”;document.location.href"&;在同一元素中,有一个不带';我不能激活它,javascript,jquery,html,css,Javascript,Jquery,Html,Css,(我正在开发一个移动响应网站) <li url="http://google.com" class="mainli">NFL <img src="strokesmenu.png" class="sub-menu" /> <ul class="sports2"> &l
<li url="http://google.com" class="mainli">NFL
<img src="strokesmenu.png" class="sub-menu" />
<ul class="sports2">
<li>Superbowl </li>
</ul>
</li>
<li url="http://google.com" class="mainli">MLB Baseball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Playoff </li>
</ul>
</li>
<li class="mainli"> NBA
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Finals Playoff </li></a>
</ul>
</li>
<li class="mainli"> College Basketball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>March Madness </li></a>
</ul>
</li>
<li > Boxing </li>
<li> College Football </li>
<li class="mainli"> Golf
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>British Open</li></a>
<a href="#" class="selected"><li>Masters</li></a>
<a href="#" class="selected"><li>PGA Championship</li></a>
<a href="#" class="selected"><li>US Open</li></a>
</ul>
</li>
<li class="mainli"> NHL
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Stanley Cup </li></a>
</ul>
</li>
<li> MMA </li>
<li> UFC </li>
<li> Soccer </li>
<li> Tennis </li>
<li class="mainli"> Horse Racing
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Belmont Stakes</li>
<li>Kentucky Derby</li>
<li>Preakness Stakes</li>
</ul>
</li>
<li> Other Sports </li>
</ul>
</div>
名单如下:
<li url="http://google.com" class="mainli">NFL
<img src="strokesmenu.png" class="sub-menu" />
<ul class="sports2">
<li>Superbowl </li>
</ul>
</li>
<li url="http://google.com" class="mainli">MLB Baseball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Playoff </li>
</ul>
</li>
<li class="mainli"> NBA
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Finals Playoff </li></a>
</ul>
</li>
<li class="mainli"> College Basketball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>March Madness </li></a>
</ul>
</li>
<li > Boxing </li>
<li> College Football </li>
<li class="mainli"> Golf
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>British Open</li></a>
<a href="#" class="selected"><li>Masters</li></a>
<a href="#" class="selected"><li>PGA Championship</li></a>
<a href="#" class="selected"><li>US Open</li></a>
</ul>
</li>
<li class="mainli"> NHL
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Stanley Cup </li></a>
</ul>
</li>
<li> MMA </li>
<li> UFC </li>
<li> Soccer </li>
<li> Tennis </li>
<li class="mainli"> Horse Racing
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Belmont Stakes</li>
<li>Kentucky Derby</li>
<li>Preakness Stakes</li>
</ul>
</li>
<li> Other Sports </li>
</ul>
</div>
<li url="http://google.com" class="mainli">NFL
<img src="strokesmenu.png" class="sub-menu" />
<ul class="sports2">
<li>Superbowl </li>
</ul>
</li>
<li url="http://google.com" class="mainli">MLB Baseball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Playoff </li>
</ul>
</li>
<li class="mainli"> NBA
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Finals Playoff </li></a>
</ul>
</li>
<li class="mainli"> College Basketball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>March Madness </li></a>
</ul>
</li>
<li > Boxing </li>
<li> College Football </li>
<li class="mainli"> Golf
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>British Open</li></a>
<a href="#" class="selected"><li>Masters</li></a>
<a href="#" class="selected"><li>PGA Championship</li></a>
<a href="#" class="selected"><li>US Open</li></a>
</ul>
</li>
<li class="mainli"> NHL
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Stanley Cup </li></a>
</ul>
</li>
<li> MMA </li>
<li> UFC </li>
<li> Soccer </li>
<li> Tennis </li>
<li class="mainli"> Horse Racing
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Belmont Stakes</li>
<li>Kentucky Derby</li>
<li>Preakness Stakes</li>
</ul>
</li>
<li> Other Sports </li>
</ul>
</div>
html:
<li url="http://google.com" class="mainli">NFL
<img src="strokesmenu.png" class="sub-menu" />
<ul class="sports2">
<li>Superbowl </li>
</ul>
</li>
<li url="http://google.com" class="mainli">MLB Baseball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Playoff </li>
</ul>
</li>
<li class="mainli"> NBA
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Finals Playoff </li></a>
</ul>
</li>
<li class="mainli"> College Basketball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>March Madness </li></a>
</ul>
</li>
<li > Boxing </li>
<li> College Football </li>
<li class="mainli"> Golf
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>British Open</li></a>
<a href="#" class="selected"><li>Masters</li></a>
<a href="#" class="selected"><li>PGA Championship</li></a>
<a href="#" class="selected"><li>US Open</li></a>
</ul>
</li>
<li class="mainli"> NHL
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Stanley Cup </li></a>
</ul>
</li>
<li> MMA </li>
<li> UFC </li>
<li> Soccer </li>
<li> Tennis </li>
<li class="mainli"> Horse Racing
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Belmont Stakes</li>
<li>Kentucky Derby</li>
<li>Preakness Stakes</li>
</ul>
</li>
<li> Other Sports </li>
</ul>
</div>
“NfL”本身就是一个链接,但如果你按下#子菜单按钮,你会有更多的类别与链接。适用于我的html中的所有
<li url="http://google.com" class="mainli">NFL
<img src="strokesmenu.png" class="sub-menu" />
<ul class="sports2">
<li>Superbowl </li>
</ul>
</li>
<li url="http://google.com" class="mainli">MLB Baseball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Playoff </li>
</ul>
</li>
<li class="mainli"> NBA
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Finals Playoff </li></a>
</ul>
</li>
<li class="mainli"> College Basketball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>March Madness </li></a>
</ul>
</li>
<li > Boxing </li>
<li> College Football </li>
<li class="mainli"> Golf
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>British Open</li></a>
<a href="#" class="selected"><li>Masters</li></a>
<a href="#" class="selected"><li>PGA Championship</li></a>
<a href="#" class="selected"><li>US Open</li></a>
</ul>
</li>
<li class="mainli"> NHL
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Stanley Cup </li></a>
</ul>
</li>
<li> MMA </li>
<li> UFC </li>
<li> Soccer </li>
<li> Tennis </li>
<li class="mainli"> Horse Racing
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Belmont Stakes</li>
<li>Kentucky Derby</li>
<li>Preakness Stakes</li>
</ul>
</li>
<li> Other Sports </li>
</ul>
</div>
如果我对第二个jQuery部分进行注释,它将打开第二个列表(subcategories.sports2)。但是链接不起作用
<li url="http://google.com" class="mainli">NFL
<img src="strokesmenu.png" class="sub-menu" />
<ul class="sports2">
<li>Superbowl </li>
</ul>
</li>
<li url="http://google.com" class="mainli">MLB Baseball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Playoff </li>
</ul>
</li>
<li class="mainli"> NBA
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Finals Playoff </li></a>
</ul>
</li>
<li class="mainli"> College Basketball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>March Madness </li></a>
</ul>
</li>
<li > Boxing </li>
<li> College Football </li>
<li class="mainli"> Golf
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>British Open</li></a>
<a href="#" class="selected"><li>Masters</li></a>
<a href="#" class="selected"><li>PGA Championship</li></a>
<a href="#" class="selected"><li>US Open</li></a>
</ul>
</li>
<li class="mainli"> NHL
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Stanley Cup </li></a>
</ul>
</li>
<li> MMA </li>
<li> UFC </li>
<li> Soccer </li>
<li> Tennis </li>
<li class="mainli"> Horse Racing
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Belmont Stakes</li>
<li>Kentucky Derby</li>
<li>Preakness Stakes</li>
</ul>
</li>
<li> Other Sports </li>
</ul>
</div>
如果我对第一个jQuery代码进行注释,我会使链接正常工作,但子菜单不会打开
<li url="http://google.com" class="mainli">NFL
<img src="strokesmenu.png" class="sub-menu" />
<ul class="sports2">
<li>Superbowl </li>
</ul>
</li>
<li url="http://google.com" class="mainli">MLB Baseball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Playoff </li>
</ul>
</li>
<li class="mainli"> NBA
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Finals Playoff </li></a>
</ul>
</li>
<li class="mainli"> College Basketball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>March Madness </li></a>
</ul>
</li>
<li > Boxing </li>
<li> College Football </li>
<li class="mainli"> Golf
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>British Open</li></a>
<a href="#" class="selected"><li>Masters</li></a>
<a href="#" class="selected"><li>PGA Championship</li></a>
<a href="#" class="selected"><li>US Open</li></a>
</ul>
</li>
<li class="mainli"> NHL
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Stanley Cup </li></a>
</ul>
</li>
<li> MMA </li>
<li> UFC </li>
<li> Soccer </li>
<li> Tennis </li>
<li class="mainli"> Horse Racing
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Belmont Stakes</li>
<li>Kentucky Derby</li>
<li>Preakness Stakes</li>
</ul>
</li>
<li> Other Sports </li>
</ul>
</div>
我如何在不混合东西的情况下混合两者
<li url="http://google.com" class="mainli">NFL
<img src="strokesmenu.png" class="sub-menu" />
<ul class="sports2">
<li>Superbowl </li>
</ul>
</li>
<li url="http://google.com" class="mainli">MLB Baseball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Playoff </li>
</ul>
</li>
<li class="mainli"> NBA
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Finals Playoff </li></a>
</ul>
</li>
<li class="mainli"> College Basketball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>March Madness </li></a>
</ul>
</li>
<li > Boxing </li>
<li> College Football </li>
<li class="mainli"> Golf
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>British Open</li></a>
<a href="#" class="selected"><li>Masters</li></a>
<a href="#" class="selected"><li>PGA Championship</li></a>
<a href="#" class="selected"><li>US Open</li></a>
</ul>
</li>
<li class="mainli"> NHL
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Stanley Cup </li></a>
</ul>
</li>
<li> MMA </li>
<li> UFC </li>
<li> Soccer </li>
<li> Tennis </li>
<li class="mainli"> Horse Racing
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Belmont Stakes</li>
<li>Kentucky Derby</li>
<li>Preakness Stakes</li>
</ul>
</li>
<li> Other Sports </li>
</ul>
</div>
我尝试取消这两个链接的注释-我可以很好地处理链接,但当我单击#子菜单按钮时,它会展开一秒钟,并立即重定向到
的链接,尝试避免不同级别的链接。
<li url="http://google.com" class="mainli">NFL
<img src="strokesmenu.png" class="sub-menu" />
<ul class="sports2">
<li>Superbowl </li>
</ul>
</li>
<li url="http://google.com" class="mainli">MLB Baseball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Playoff </li>
</ul>
</li>
<li class="mainli"> NBA
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Finals Playoff </li></a>
</ul>
</li>
<li class="mainli"> College Basketball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>March Madness </li></a>
</ul>
</li>
<li > Boxing </li>
<li> College Football </li>
<li class="mainli"> Golf
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>British Open</li></a>
<a href="#" class="selected"><li>Masters</li></a>
<a href="#" class="selected"><li>PGA Championship</li></a>
<a href="#" class="selected"><li>US Open</li></a>
</ul>
</li>
<li class="mainli"> NHL
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Stanley Cup </li></a>
</ul>
</li>
<li> MMA </li>
<li> UFC </li>
<li> Soccer </li>
<li> Tennis </li>
<li class="mainli"> Horse Racing
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Belmont Stakes</li>
<li>Kentucky Derby</li>
<li>Preakness Stakes</li>
</ul>
</li>
<li> Other Sports </li>
</ul>
</div>
(将触发哪个级别?li最高级别还是li最低级别?)
<li url="http://google.com" class="mainli">NFL
<img src="strokesmenu.png" class="sub-menu" />
<ul class="sports2">
<li>Superbowl </li>
</ul>
</li>
<li url="http://google.com" class="mainli">MLB Baseball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Playoff </li>
</ul>
</li>
<li class="mainli"> NBA
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Finals Playoff </li></a>
</ul>
</li>
<li class="mainli"> College Basketball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>March Madness </li></a>
</ul>
</li>
<li > Boxing </li>
<li> College Football </li>
<li class="mainli"> Golf
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>British Open</li></a>
<a href="#" class="selected"><li>Masters</li></a>
<a href="#" class="selected"><li>PGA Championship</li></a>
<a href="#" class="selected"><li>US Open</li></a>
</ul>
</li>
<li class="mainli"> NHL
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Stanley Cup </li></a>
</ul>
</li>
<li> MMA </li>
<li> UFC </li>
<li> Soccer </li>
<li> Tennis </li>
<li class="mainli"> Horse Racing
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Belmont Stakes</li>
<li>Kentucky Derby</li>
<li>Preakness Stakes</li>
</ul>
</li>
<li> Other Sports </li>
</ul>
</div>
在所有li上安装触发链接事件的Instaid,也可以在顶层,尝试在具有类引用的li上使用它,就像您在点击链接或
时对“.sub-menu”所做的那样。sub-menu
在
标记内,您也在点击li
本身(查看示例并尝试点击链接)
<li url="http://google.com" class="mainli">NFL
<img src="strokesmenu.png" class="sub-menu" />
<ul class="sports2">
<li>Superbowl </li>
</ul>
</li>
<li url="http://google.com" class="mainli">MLB Baseball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Playoff </li>
</ul>
</li>
<li class="mainli"> NBA
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Finals Playoff </li></a>
</ul>
</li>
<li class="mainli"> College Basketball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>March Madness </li></a>
</ul>
</li>
<li > Boxing </li>
<li> College Football </li>
<li class="mainli"> Golf
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>British Open</li></a>
<a href="#" class="selected"><li>Masters</li></a>
<a href="#" class="selected"><li>PGA Championship</li></a>
<a href="#" class="selected"><li>US Open</li></a>
</ul>
</li>
<li class="mainli"> NHL
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Stanley Cup </li></a>
</ul>
</li>
<li> MMA </li>
<li> UFC </li>
<li> Soccer </li>
<li> Tennis </li>
<li class="mainli"> Horse Racing
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Belmont Stakes</li>
<li>Kentucky Derby</li>
<li>Preakness Stakes</li>
</ul>
</li>
<li> Other Sports </li>
</ul>
</div>
因此,其中一个选项是获取您想要单击的项目的单击事件。您可以像这样将文本包装在li
中(并将其样式设置为css,使其与父元素等宽):
<li url="http://google.com" class="mainli">NFL
<img src="strokesmenu.png" class="sub-menu" />
<ul class="sports2">
<li>Superbowl </li>
</ul>
</li>
<li url="http://google.com" class="mainli">MLB Baseball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Playoff </li>
</ul>
</li>
<li class="mainli"> NBA
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Finals Playoff </li></a>
</ul>
</li>
<li class="mainli"> College Basketball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>March Madness </li></a>
</ul>
</li>
<li > Boxing </li>
<li> College Football </li>
<li class="mainli"> Golf
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>British Open</li></a>
<a href="#" class="selected"><li>Masters</li></a>
<a href="#" class="selected"><li>PGA Championship</li></a>
<a href="#" class="selected"><li>US Open</li></a>
</ul>
</li>
<li class="mainli"> NHL
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Stanley Cup </li></a>
</ul>
</li>
<li> MMA </li>
<li> UFC </li>
<li> Soccer </li>
<li> Tennis </li>
<li class="mainli"> Horse Racing
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Belmont Stakes</li>
<li>Kentucky Derby</li>
<li>Preakness Stakes</li>
</ul>
</li>
<li> Other Sports </li>
</ul>
</div>
因此,现在当您单击父级li
中的新span.mainli文本
以外的内容时,它将有自己的单击事件
<li url="http://google.com" class="mainli">NFL
<img src="strokesmenu.png" class="sub-menu" />
<ul class="sports2">
<li>Superbowl </li>
</ul>
</li>
<li url="http://google.com" class="mainli">MLB Baseball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Playoff </li>
</ul>
</li>
<li class="mainli"> NBA
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Finals Playoff </li></a>
</ul>
</li>
<li class="mainli"> College Basketball
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>March Madness </li></a>
</ul>
</li>
<li > Boxing </li>
<li> College Football </li>
<li class="mainli"> Golf
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>British Open</li></a>
<a href="#" class="selected"><li>Masters</li></a>
<a href="#" class="selected"><li>PGA Championship</li></a>
<a href="#" class="selected"><li>US Open</li></a>
</ul>
</li>
<li class="mainli"> NHL
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<a href="#" class="selected"><li>Stanley Cup </li></a>
</ul>
</li>
<li> MMA </li>
<li> UFC </li>
<li> Soccer </li>
<li> Tennis </li>
<li class="mainli"> Horse Racing
<img src="strokesmenu.jpg" class="sub-menu" />
<ul class="sports2">
<li>Belmont Stakes</li>
<li>Kentucky Derby</li>
<li>Preakness Stakes</li>
</ul>
</li>
<li> Other Sports </li>
</ul>
</div>