<div id="xuanzhuan">
<!-- 案例代码开始 -->
<script language=JavaScript>var objects;
var pos;
var r = 110;
<!-- [Step1]: 这里可以更改旋转菜单的中心坐标 -->
var xoff = 350;
var yoff = 240;
var pi = Math.PI;
var inc = pi / 230; function showObject(object) {
object.visibility = VISIBLE;
}function hideObject(object) {
object.visibility = HIDDEN;
}function slidepicture(from, to) {
if (from < to) {
website.top = (from += 10);
setTimeout('slidepicture(' + from + ',' + to + ')', 75); }
else initObjects();
}function initObjects() {
objects = new Array(circle1, circle2, circle3, circle4, circle5, circle6,circle7);
pos = new Array();
pos[0] = 0;
for (var i = 1; i < objects.length; i++) {
pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length)); }
rotateObjects();
}function rotateObjects() {
for (var i = 0; i < pos.length; i++) {
pos[i] += inc; objects[i].visibility = 'visible';
objects[i].left = (r * Math.cos(pos[i])) + xoff
objects[i].top = (r * Math.sin(pos[i])) + yoff; }
rotateTimer = setTimeout("rotateObjects()", 75);
}</script>
<!-- [Step2]: 在此能够按序增加菜单的名称 -->
<div id="circle1" class="circle">
<a href="" onmouseover="showObject(text1)" onmouseout="hideObject(text1)" >品牌战略规划</a><br>
</div>
<div id="circle2" class="circle">
<a href="" onmouseover="showObject(text2)" onmouseout="hideObject(text2)">标志形象设计</a><br>
</div>
<div id="circle3" class="circle">
<a href="" onmouseover="showObject(text3)" onmouseout="hideObject(text3)">包装整体设计</a><br>
</div>
<div id="circle4" class="circle">
<a href="" onmouseover="showObject(text4)" onmouseout="hideObject(text4)">书籍画册设计</a><br>
</div>
<div id="circle5" class="circle">
<a href="" onmouseover="showObject(text5)" onmouseout="hideObject(text5)">皮草用品设计</a><br>
</div>
<div id="circle6" class="circle">
<a href="" onmouseover="showObject(text6)" onmouseout="hideObject(text6)">推广宣传设计</a><br>
</div>
<div id ="circle7" class="circle">
<a href ="" onmouseover="showObject(text7)" onmouseout="hideObject(text7)">活动创意设计</a>
</div>
</style><div id="text1" class="text">
<p align="center"><b>品牌战略规划</b><br>
(香传百年义冠云天)山西省平遥牛肉集团有限公司<br><br>(酋长粟巴)忻州国玉食品有限公司<br>(顶禾食业有限公司)<br>(万凤凰)寿阳芥麦协会<br>(娘家粽)太原双合成食品有限公司<br>(汉波贡枣)汉城食品工业有限公司
</div>
<div id="text2" class="text">
<p align="center"><b>标志形象设计</b><br>
汉波食品工业有限公司<br>太原双合成食品有限公司<br>太原桥西无公害精品蔬菜有限公司<br>斯嘉丽内衣有限公司<br>美福乐机械有限公司<br>山西省信托投资公司
<br>采纳排水系统有限公司<br>忻州国玉食品有限公司<br>长治黎都食品有限公司<br>寿阳芥麦协会<br>山西无辜农庄有限公司
<br>山西回春豆业有限公司<br>北京尊毫汽车用品有限公司<br>中国风景名胜区环境保护国际论坛<br>山西省平遥牛肉集团有限公司<br>加拿大鼎新世源贸易有限公司
<br>韩国华鼎事业有限公司<br>澳大利亚绅尼兰德有限公司
</div>
<div id="text3" class="text">
<p align="center"><b>包装整体设计</b><br>
<p align="center">汉波食品工业有限公司<br>山西五谷农庄有限公司<br>太原双合成食品有限公司<br>太原桥西无公害精品蔬菜有限公司<br>陶湘斋食品有限公司<br>
酥友朋食品有限公司<br>大唐实业有限公司<br>维高枣业有限公司<br>顶禾食品有限公司<br>
美福乐机械有限公司<br>山西恒丰实业有限公司<br>临县奥华枣业有限公司<br>忻州国玉食品有限公司<br>
长治黎都食品有限公司<br>寿阳芥麦协会<br>山西回春豆业有限公司<br>山西光彩醋业有限公司<br>
福建南仙茶品有限公司<br>北京尊毫汽车用品有限公司<br>龙天车友商贸(北京)有限公司<br>山西省平遥牛肉集团有限公司<br>
韩国华鼎事业有限公司<br>澳大利亚绅尼兰德有限公司
</div>
<div id="text4" class="text">
<p align="center"><b>书籍画册设计</b><br>
《采纳》邮票<br>《睿而新.实亦华》<br>《税务巡礼》<br>《时尚.尊毫》<br>《龙城赋》<br>
《回望2008》<br>《傅山丛书》系列
</div>
<div id="text5" class="text">
<p align="center"><b>推广宣传设计</b><br>
汉波食品<br>平遥牛肉<br>酋长粟巴<br>斯嘉丽内衣
</div>
<div id="text6" class="text">
<p align="center"><b>皮草用品设计</b><br>
尊毫纯羊毛汽车坐垫<br>龙天车友纯羊毛汽车脚垫
</div>
<div id="text7" class="text">
<p align="center"><b>活动创业策划</b><br>
华夏之星设计艺术大奖赛<br>“霓裳星光.冠云之夜”时装情景剧晚会<br>山西省交警总队改制二十周年文艺晚会<br>中国风景名胜区环境保护国际论坛<br>大槐树国际艺术节<br>
中日友好植树节<br>“青春飞扬.凄清创业”大学生创(就)业活动<br>“青春献礼.爱我龙城”庆祝建国60周年龙城青少年饮食文化创意大赛
</div> <script language=JavaScript> var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
var HIDDEN = (isNS) ? 'hide' : 'hidden';
var VISIBLE = (isNS) ? 'show' : 'visible';
var circle1 = (isNS) ? document.circle1 : document.all.circle1.style;
var circle2 = (isNS) ? document.circle2 : document.all.circle2.style;
var circle3 = (isNS) ? document.circle3 : document.all.circle3.style;
var circle4 = (isNS) ? document.circle4 : document.all.circle4.style;
var circle5 = (isNS) ? document.circle5 : document.all.circle5.style;
var circle6 = (isNS) ? document.circle6 : document.all.circle6.style;
var circle7 = (isNS) ? document.circle7 : document.all.circle7.style;
var text1 = (isNS) ? document.text1 : document.all.text1.style;
var text2 = (isNS) ? document.text2 : document.all.text2.style;
var text3 = (isNS) ? document.text3 : document.all.text3.style;
var text4 = (isNS) ? document.text4 : document.all.text4.style;
var text5 = (isNS) ? document.text5 : document.all.text5.style;
var text6 = (isNS) ? document.text6 : document.all.text6.style;
var text7 = (isNS) ? document.text7 : document.all.text7.style;
slidepicture(0, 0);
</script><style>
.circle { font-family: Verdana, Helvetica; font-size: 12px;color: #000000;position:absolute; visibility: hidden; z-index: 2 }.text{ text-align: left; font-family: 宋体;
font-size: 17px; color:#666666; position: absolute; top: -130px;
left: -226px;
width:450px;
visibility: hidden; z-index: 0
}
.picture { font-family: Verdana, Helvetica; font-size: 12px; color: #000000; position: absolute; top: 10px; left: 10px; visibility: visible; z-index: 1 }</style><!-- 案例代码结束 -->
<div id="text1" class="text">
<p align="center"><b>品牌战略规划</b><br>
(香传百年义冠云天)山西省平遥牛肉集团有限公司<br>(酋长粟巴)忻州国玉食品有限公司<br>(顶禾食业有限公司)<br>(万凤凰)寿阳芥麦协会<br>(娘家粽)太原双合成食品有限公司<br>(汉波贡枣)汉城食品工业有限公司
</div></div>
</div>
</div>
</form>
</form>
</body>
</html>这些代码运行的效果是 中间有一个旋转的主菜单 然后鼠标移上去的时候相对应的出现子菜单目录 但是子菜单目录里的内容无法实现再次点击 我想实现再次点击 请高手帮忙 万分感谢!另外 这个网页会随着用户的显示器的分辨率改变大小 希望高人也帮我解决下
<!-- 案例代码开始 -->
<script language=JavaScript>var objects;
var pos;
var r = 110;
<!-- [Step1]: 这里可以更改旋转菜单的中心坐标 -->
var xoff = 350;
var yoff = 240;
var pi = Math.PI;
var inc = pi / 230; function showObject(object) {
object.visibility = VISIBLE;
}function hideObject(object) {
object.visibility = HIDDEN;
}function slidepicture(from, to) {
if (from < to) {
website.top = (from += 10);
setTimeout('slidepicture(' + from + ',' + to + ')', 75); }
else initObjects();
}function initObjects() {
objects = new Array(circle1, circle2, circle3, circle4, circle5, circle6,circle7);
pos = new Array();
pos[0] = 0;
for (var i = 1; i < objects.length; i++) {
pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length)); }
rotateObjects();
}function rotateObjects() {
for (var i = 0; i < pos.length; i++) {
pos[i] += inc; objects[i].visibility = 'visible';
objects[i].left = (r * Math.cos(pos[i])) + xoff
objects[i].top = (r * Math.sin(pos[i])) + yoff; }
rotateTimer = setTimeout("rotateObjects()", 75);
}</script>
<!-- [Step2]: 在此能够按序增加菜单的名称 -->
<div id="circle1" class="circle">
<a href="" onmouseover="showObject(text1)" onmouseout="hideObject(text1)" >品牌战略规划</a><br>
</div>
<div id="circle2" class="circle">
<a href="" onmouseover="showObject(text2)" onmouseout="hideObject(text2)">标志形象设计</a><br>
</div>
<div id="circle3" class="circle">
<a href="" onmouseover="showObject(text3)" onmouseout="hideObject(text3)">包装整体设计</a><br>
</div>
<div id="circle4" class="circle">
<a href="" onmouseover="showObject(text4)" onmouseout="hideObject(text4)">书籍画册设计</a><br>
</div>
<div id="circle5" class="circle">
<a href="" onmouseover="showObject(text5)" onmouseout="hideObject(text5)">皮草用品设计</a><br>
</div>
<div id="circle6" class="circle">
<a href="" onmouseover="showObject(text6)" onmouseout="hideObject(text6)">推广宣传设计</a><br>
</div>
<div id ="circle7" class="circle">
<a href ="" onmouseover="showObject(text7)" onmouseout="hideObject(text7)">活动创意设计</a>
</div>
</style><div id="text1" class="text">
<p align="center"><b>品牌战略规划</b><br>
(香传百年义冠云天)山西省平遥牛肉集团有限公司<br><br>(酋长粟巴)忻州国玉食品有限公司<br>(顶禾食业有限公司)<br>(万凤凰)寿阳芥麦协会<br>(娘家粽)太原双合成食品有限公司<br>(汉波贡枣)汉城食品工业有限公司
</div>
<div id="text2" class="text">
<p align="center"><b>标志形象设计</b><br>
汉波食品工业有限公司<br>太原双合成食品有限公司<br>太原桥西无公害精品蔬菜有限公司<br>斯嘉丽内衣有限公司<br>美福乐机械有限公司<br>山西省信托投资公司
<br>采纳排水系统有限公司<br>忻州国玉食品有限公司<br>长治黎都食品有限公司<br>寿阳芥麦协会<br>山西无辜农庄有限公司
<br>山西回春豆业有限公司<br>北京尊毫汽车用品有限公司<br>中国风景名胜区环境保护国际论坛<br>山西省平遥牛肉集团有限公司<br>加拿大鼎新世源贸易有限公司
<br>韩国华鼎事业有限公司<br>澳大利亚绅尼兰德有限公司
</div>
<div id="text3" class="text">
<p align="center"><b>包装整体设计</b><br>
<p align="center">汉波食品工业有限公司<br>山西五谷农庄有限公司<br>太原双合成食品有限公司<br>太原桥西无公害精品蔬菜有限公司<br>陶湘斋食品有限公司<br>
酥友朋食品有限公司<br>大唐实业有限公司<br>维高枣业有限公司<br>顶禾食品有限公司<br>
美福乐机械有限公司<br>山西恒丰实业有限公司<br>临县奥华枣业有限公司<br>忻州国玉食品有限公司<br>
长治黎都食品有限公司<br>寿阳芥麦协会<br>山西回春豆业有限公司<br>山西光彩醋业有限公司<br>
福建南仙茶品有限公司<br>北京尊毫汽车用品有限公司<br>龙天车友商贸(北京)有限公司<br>山西省平遥牛肉集团有限公司<br>
韩国华鼎事业有限公司<br>澳大利亚绅尼兰德有限公司
</div>
<div id="text4" class="text">
<p align="center"><b>书籍画册设计</b><br>
《采纳》邮票<br>《睿而新.实亦华》<br>《税务巡礼》<br>《时尚.尊毫》<br>《龙城赋》<br>
《回望2008》<br>《傅山丛书》系列
</div>
<div id="text5" class="text">
<p align="center"><b>推广宣传设计</b><br>
汉波食品<br>平遥牛肉<br>酋长粟巴<br>斯嘉丽内衣
</div>
<div id="text6" class="text">
<p align="center"><b>皮草用品设计</b><br>
尊毫纯羊毛汽车坐垫<br>龙天车友纯羊毛汽车脚垫
</div>
<div id="text7" class="text">
<p align="center"><b>活动创业策划</b><br>
华夏之星设计艺术大奖赛<br>“霓裳星光.冠云之夜”时装情景剧晚会<br>山西省交警总队改制二十周年文艺晚会<br>中国风景名胜区环境保护国际论坛<br>大槐树国际艺术节<br>
中日友好植树节<br>“青春飞扬.凄清创业”大学生创(就)业活动<br>“青春献礼.爱我龙城”庆祝建国60周年龙城青少年饮食文化创意大赛
</div> <script language=JavaScript> var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
var HIDDEN = (isNS) ? 'hide' : 'hidden';
var VISIBLE = (isNS) ? 'show' : 'visible';
var circle1 = (isNS) ? document.circle1 : document.all.circle1.style;
var circle2 = (isNS) ? document.circle2 : document.all.circle2.style;
var circle3 = (isNS) ? document.circle3 : document.all.circle3.style;
var circle4 = (isNS) ? document.circle4 : document.all.circle4.style;
var circle5 = (isNS) ? document.circle5 : document.all.circle5.style;
var circle6 = (isNS) ? document.circle6 : document.all.circle6.style;
var circle7 = (isNS) ? document.circle7 : document.all.circle7.style;
var text1 = (isNS) ? document.text1 : document.all.text1.style;
var text2 = (isNS) ? document.text2 : document.all.text2.style;
var text3 = (isNS) ? document.text3 : document.all.text3.style;
var text4 = (isNS) ? document.text4 : document.all.text4.style;
var text5 = (isNS) ? document.text5 : document.all.text5.style;
var text6 = (isNS) ? document.text6 : document.all.text6.style;
var text7 = (isNS) ? document.text7 : document.all.text7.style;
slidepicture(0, 0);
</script><style>
.circle { font-family: Verdana, Helvetica; font-size: 12px;color: #000000;position:absolute; visibility: hidden; z-index: 2 }.text{ text-align: left; font-family: 宋体;
font-size: 17px; color:#666666; position: absolute; top: -130px;
left: -226px;
width:450px;
visibility: hidden; z-index: 0
}
.picture { font-family: Verdana, Helvetica; font-size: 12px; color: #000000; position: absolute; top: 10px; left: 10px; visibility: visible; z-index: 1 }</style><!-- 案例代码结束 -->
<div id="text1" class="text">
<p align="center"><b>品牌战略规划</b><br>
(香传百年义冠云天)山西省平遥牛肉集团有限公司<br>(酋长粟巴)忻州国玉食品有限公司<br>(顶禾食业有限公司)<br>(万凤凰)寿阳芥麦协会<br>(娘家粽)太原双合成食品有限公司<br>(汉波贡枣)汉城食品工业有限公司
</div></div>
</div>
</div>
</form>
</form>
</body>
</html>这些代码运行的效果是 中间有一个旋转的主菜单 然后鼠标移上去的时候相对应的出现子菜单目录 但是子菜单目录里的内容无法实现再次点击 我想实现再次点击 请高手帮忙 万分感谢!另外 这个网页会随着用户的显示器的分辨率改变大小 希望高人也帮我解决下
<p align="center"> <b>品牌战略规划 </b> <br>
<a href="#">(香传百年义冠云天)山西省平遥牛肉集团有限公司</a> <br><a href="#">(酋长粟巴)忻州国玉食品有限公司</a> <br><a href="#">(顶禾食业有限公司)</a> <br><a href="#">(万凤凰)寿阳芥麦协会 </a><br><a href="#">(娘家粽)太原双合成食品有限公司</a> <br><a href="#">(汉波贡枣)汉城食品工业有限公司 </a>
</div> 请问你是这个意思吗?