87,993
社区成员
发帖
与我相关
我的任务
分享请教：javascript可以作在线七巧板游戏么？
有5个三角形板块，1个正方形，1个菱形，需要鼠标拖动板块移动，能不能做到移动时不刷新界面？请js大侠指教，需要如何实现？
...全文
请发表友善的回复…
发表回复
hbhbhbhbhb1021 2006-07-17
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>Thinking in VML</title>
</head>
<STYLE>
v\:* { BEHAVIOR: url(#default#VML) }
</STYLE>
<LINK REL="stylesheet" TYPE="text/css" HREF="style.css" />
<body>
<table align="center">
<tr>
<td align="center" class="title"><strong>ShapeType给VML制作模版</strong></td>
</tr>
<tr>
<td >
<div class="memo" style="width:700;line-height:23px">
VML的这个功能很有用，模版，顾名思义，它可以减少书写代码的量，又使的代码可读性提高。在理解VML模版的时候，可以
和 HTML 的 CSS 一样理解，它是定义好的一种形状，下次使用的时候直接声明 type 属性就可以了。看看下面的例子：<br><br>
<v:<font color=red>shapetype id="arrowUP" </font>coordsize="6 6"> <!--三角形 向上--><br>
<v:path v="m 3,0 l 0,6,6,6,3,0 x e" /><br>
</v:shapetype><br>
<v:<font color=red>shapetype id="arrowDown" </font>coordsize="6 6"> <!--三角形 向下--><br>
<v:path v="m 0,0 l 3,6,6,0,0,0 x e" /><br>
</v:shapetype><br><br>
<v:shapetype id="arrowUP" coordsize="6 6">
<v:path v="m 3,0 l 0,6,6,6,3,0 x e" />
</v:shapetype>
<v:shapetype id="arrowDown" coordsize="6 6">
<v:path v="m 0,0 l 3,6,6,0,0,0 x e" />
</v:shapetype>
定义好上面的模版后，以后就可以直接调用了：<br><br>
<v:shape type="#arrowUP" style="position:relative;width:50;height:50"/><v:shape type="<font color=red>#arrowUP</font>" style="position:relative;width:50;height:50"/><br><br>
<v:shape type="#arrowDown" style="position:relative;width:50;height:50"/><v:shape type="<font color=red>#arrowDown</font>" style="position:relative;width:50;height:50"/><br><br>
<v:shape type="#arrowDown" fillcolor=blue style="position:relative;width:80;height:80"/><v:shape fillcolor=blue type="<font color=red>#arrowDown</font>" style="position:relative;width:80;height:80" /><br><br>
不知道大家有没有注意到，VML里面对“,”使用不强制的，你可以使用 coordsize="6,6" 也可以使用 coordsize="6 6" ，效果是一样的。
</div>
</td>
</tr>
<tr>
<td class="title">
<p align="right"><a href="javascript:self.scrollTo(0,0)">Top</a></p>
<a href="index.html">返回目录</a><br>
上一节:<a href="step7.html">Group容器</a><br>
下一节:<a href="step21.html">脚本动态生成VML</a>
</td>
</tr>
</table>
</body>
</html>
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>Thinking in VML</title>
</head>
<STYLE>
v\:* { BEHAVIOR: url(#default#VML) }
</STYLE>
<LINK REL="stylesheet" TYPE="text/css" HREF="style.css" />
<body>
<table align="center">
<tr>
<td align="center" class="title"><strong>ShapeType给VML制作模版</strong></td>
</tr>
<tr>
<td >
<div class="memo" style="width:700;line-height:23px">
VML的这个功能很有用，模版，顾名思义，它可以减少书写代码的量，又使的代码可读性提高。在理解VML模版的时候，可以
和 HTML 的 CSS 一样理解，它是定义好的一种形状，下次使用的时候直接声明 type 属性就可以了。看看下面的例子：<br><br>
<v:<font color=red>shapetype id="arrowUP" </font>coordsize="6 6"> <!--三角形 向上--><br>
<v:path v="m 3,0 l 0,6,6,6,3,0 x e" /><br>
</v:shapetype><br>
<v:<font color=red>shapetype id="arrowDown" </font>coordsize="6 6"> <!--三角形 向下--><br>
<v:path v="m 0,0 l 3,6,6,0,0,0 x e" /><br>
</v:shapetype><br><br>
<v:shapetype id="arrowUP" coordsize="6 6">
<v:path v="m 3,0 l 0,6,6,6,3,0 x e" />
</v:shapetype>
<v:shapetype id="arrowDown" coordsize="6 6">
<v:path v="m 0,0 l 3,6,6,0,0,0 x e" />
</v:shapetype>
定义好上面的模版后，以后就可以直接调用了：<br><br>
<v:shape type="#arrowUP" style="position:relative;width:50;height:50"/><v:shape type="<font color=red>#arrowUP</font>" style="position:relative;width:50;height:50"/><br><br>
<v:shape type="#arrowDown" style="position:relative;width:50;height:50"/><v:shape type="<font color=red>#arrowDown</font>" style="position:relative;width:50;height:50"/><br><br>
<v:shape type="#arrowDown" fillcolor=blue style="position:relative;width:80;height:80"/><v:shape fillcolor=blue type="<font color=red>#arrowDown</font>" style="position:relative;width:80;height:80" /><br><br>
不知道大家有没有注意到，VML里面对“,”使用不强制的，你可以使用 coordsize="6,6" 也可以使用 coordsize="6 6" ，效果是一样的。
</div>
</td>
</tr>
<tr>
<td class="title">
<p align="right"><a href="javascript:self.scrollTo(0,0)">Top</a></p>
<a href="index.html">返回目录</a><br>
上一节:<a href="step7.html">Group容器</a><br>
下一节:<a href="step21.html">脚本动态生成VML</a>
</td>
</tr>
</table>
</body>
</html>
sparthiul 2006-07-17
- 打赏
- 举报
谢谢各位，能告诉我用javascript做的话，三角形块用什么实现么？
ImN1 2006-07-17
- 打赏
- 举报
看来需求在近八年来一直没有变过，变的只是代码（技术）
wideroad 2006-07-17
- 打赏
- 举报
这个可以做到，单纯用javascript就可以
xishanlang2001 2006-07-17
- 打赏
- 举报
javascript当然没问题,不过这种程序最适合用flash制作,而且网站好象有现成的代码.
