Web page context menu (javascript)
2007-07-26 10:49
288 查看
效果图:
<html>
<head>
</script>
</head>
<body >
<br>
<br>
<br><br>
<div style="width:546px; height:527px; background-color:green; overflow:auto">
<ul>
<li id="s1" ><span onclick="javascript:showmenu('s1','q1 question', '1')" style="cursor:pointer;">Section: s1 (Your health and fitness)</span>
<ul>
<li id="s2"><span class="psuedoLink" onclick="javascript:showmenu('s2','q1 question', '2')" style="cursor:pointer;">Question: q1 (Would you consider yourself a health and fitness enthusiast?)</span></li>
<li id="s3"><span class="psuedoLink" onclick="javascript:showmenu('s3','q2 question', '2')" style="cursor:pointer;">Question: q2 (On average, how many times per week do you participate in a physical activity (such as working out, jogging, cycling, swimming, squash, football, etc.)? )</span></li>
<li id="s4"><span class="psuedoLink" onclick="javascript:showmenu('s4','q3 question', '2')" style="cursor:pointer;">Question: q3 (Which of the following do you participated in at least 4 times per year (please check all that apply))</span></li>
<li id="s5"><span class="psuedoLink" onclick="javascript:showmenu('s5','q4 question', '2')" style="cursor:pointer;">Question: q4 (Do you regularly read any sports or health related magazines?)</span></li>
</ul>
</li>
<li id="s6"><span onclick="javascript:showmenu('s6','q5 question', '2')" style="cursor:pointer;">Section: section2 (Health and Fitness online)</span>
<ul>
<li id="s7"><span class="psuedoLink" onclick="javascript:showmenu('s7','q5 question', '2')" style="cursor:pointer;">Question: q5 (Do you visit sporting or health/fitness related web sites?)</span></li>
<li id="s8"><span class="psuedoLink" onclick="javascript:showmenu('s8','q6 question', '2')" style="cursor:pointer;">Question: q6 (If yes to the previous question, what are you looking for at the site?)</span></li>
<li id="s9" style="text-decoration:line-through; font-weight:bolder"><span style="font-weight:bold">Question: asdf (Have you ever purchased sporting goods through the internet?)</span></li>
<li id="s10"><span class="psuedoLink" onclick="javascript:showmenu('s10','q8 question', '2')" style="cursor:pointer;">Question: q8 (If yes to previous question, what did you buy? Check all that apply:)</span></li>
</ul>
</li>
<li id="s11"><span>Section: test (test survey)</span>
<ul>
<li id="s12"><span>Section: subtestsurvey (sub test survey)</span>
<ul>
<li id="s13"><span class="psuedoLink" onclick="javascript:showmenu('s13','Q9 question', '2')" style="cursor:pointer;">Question: Q9 (adf af saasf d fas fsdaf sa)</span></li>
</ul>
</li>
<li id="s14"><span>Section: asdf (asdf)</span>
<ul>
<li id="s15"><span class="psuedoLink" onclick="javascript:showmenu('s15','asdfsd question', '2')" style="cursor:pointer;">Question: asdfsd (bbb)</span></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
<html>
<head>
</script>
</head>
<body >
<br>
<br>
<br><br>
<div style="width:546px; height:527px; background-color:green; overflow:auto">
<ul>
<li id="s1" ><span onclick="javascript:showmenu('s1','q1 question', '1')" style="cursor:pointer;">Section: s1 (Your health and fitness)</span>
<ul>
<li id="s2"><span class="psuedoLink" onclick="javascript:showmenu('s2','q1 question', '2')" style="cursor:pointer;">Question: q1 (Would you consider yourself a health and fitness enthusiast?)</span></li>
<li id="s3"><span class="psuedoLink" onclick="javascript:showmenu('s3','q2 question', '2')" style="cursor:pointer;">Question: q2 (On average, how many times per week do you participate in a physical activity (such as working out, jogging, cycling, swimming, squash, football, etc.)? )</span></li>
<li id="s4"><span class="psuedoLink" onclick="javascript:showmenu('s4','q3 question', '2')" style="cursor:pointer;">Question: q3 (Which of the following do you participated in at least 4 times per year (please check all that apply))</span></li>
<li id="s5"><span class="psuedoLink" onclick="javascript:showmenu('s5','q4 question', '2')" style="cursor:pointer;">Question: q4 (Do you regularly read any sports or health related magazines?)</span></li>
</ul>
</li>
<li id="s6"><span onclick="javascript:showmenu('s6','q5 question', '2')" style="cursor:pointer;">Section: section2 (Health and Fitness online)</span>
<ul>
<li id="s7"><span class="psuedoLink" onclick="javascript:showmenu('s7','q5 question', '2')" style="cursor:pointer;">Question: q5 (Do you visit sporting or health/fitness related web sites?)</span></li>
<li id="s8"><span class="psuedoLink" onclick="javascript:showmenu('s8','q6 question', '2')" style="cursor:pointer;">Question: q6 (If yes to the previous question, what are you looking for at the site?)</span></li>
<li id="s9" style="text-decoration:line-through; font-weight:bolder"><span style="font-weight:bold">Question: asdf (Have you ever purchased sporting goods through the internet?)</span></li>
<li id="s10"><span class="psuedoLink" onclick="javascript:showmenu('s10','q8 question', '2')" style="cursor:pointer;">Question: q8 (If yes to previous question, what did you buy? Check all that apply:)</span></li>
</ul>
</li>
<li id="s11"><span>Section: test (test survey)</span>
<ul>
<li id="s12"><span>Section: subtestsurvey (sub test survey)</span>
<ul>
<li id="s13"><span class="psuedoLink" onclick="javascript:showmenu('s13','Q9 question', '2')" style="cursor:pointer;">Question: Q9 (adf af saasf d fas fsdaf sa)</span></li>
</ul>
</li>
<li id="s14"><span>Section: asdf (asdf)</span>
<ul>
<li id="s15"><span class="psuedoLink" onclick="javascript:showmenu('s15','asdfsd question', '2')" style="cursor:pointer;">Question: asdfsd (bbb)</span></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
相关文章推荐
- JavaScript 运行时错误: Sys.WebForms.PageRequestManagerParserErrorException: 未能分析从服务器收到的消息。
- javaScript ${pageContext.request.contextPath}取值有关问题
- WEB项目整合spring-data-hbase出现NoSuchMethodError: PageContextImpl.evaluateExpression
- OAF框架中的MDS是什么?OAPageContext&amp;OAWebBean是什么?
- Web Tools 2012.2 Release 常用功能 1 动态刷新 CSS Auto-Sync and JavaScript Selection Mapping in Page Inspector
- Automatically highlight current page in menu via Javascript
- JavaScript中${pageContext.request.contextPath}取值问题及解决方案
- CS001496 - Gather data from web page with JavaScript, WebKit, and Qt
- Android WebView 自定义Context Menu
- 二十六、使用${pageContext.request.contextPath}指定js资源包、以及经由web.xml指定.action等的理解
- java web 中的${pageContext.request.contextPath }是什么意思
- CS001496 - Gather data from web page with JavaScript, WebKit, and Qt
- One tip for javascript to invoke variables in asp.net web page
- java web 的jsp中的${pageContext.request.contextPath }解读
- CS001497 - Add data to a web page with JavaScript, WebKit, and Qt
- java web 中的${pageContext.request.contextPath }是什么意思
- Javascript Context Menu Ex - dhtml popup menu mode
- CS001496 - Gather data from web page with JavaScript, WebKit, and Qt
- 绝对路径${pageContext.request.contextPath}用法及其与web.xml中Servlet的url-pattern匹配过程
- JavaScript Context Menu Control