+CD-ROM Å 5 M18 A N S W E R1 <svg> <polygon style="fill:none; stroke:#cc; stroke-with:10" points="150,50 50,300 230,100 30,130 200,280" /> </svg> A N S W E R2 <svg> <g transform="translate(150 150)"> <polygon style="fill:none; stroke:#cc; stroke-with:10" points="0,-100-50,150 80,-50-120,-20 50,130"> <animatetransform attributename="transform" type="rotate" values="0;30" ur="2s" repeatdur="inefinite"/> </polygon> </g> </svg> 32 INTERNET magazine 2001/1
1 M 18 <STYLE TYPE="text/css">.kakomi { borer-style: soli; borer-with: px; borer-color: #FFFF99; backgroun-color: #FFFF99; -moz-borer-raius: 10; </STYLE> INTERNET magazine 2001/1 33
2 5 <?xml version="1.0"?> <svg> <path i="p" style="fill:none" ="M 10 200 C 500 200 500 200 300 100 C 10 10 100 200 200 100 C 300 10 00 300 500 200 "/> <text i="test" style="font-family:arial; font-size:0px; fill:#000000"> <textpath xlink:href="#p"> >' ))))))))))))x< <animate attributename="startoffset" attributetype="xml" begin="0s" ur="3s" fill="freeze" from="100%" to="0%" /> </textpath> </text> </svg> 3 INTERNET magazine 2001/1
3 M 18 <SCRIPT TYPE="text/javascript"> var g_obj; function begindrag (e, i) { x = e.clientx, y = e.clienty; g_obj = ocument.getelementbyi (i); winow.onmousemove = odrag; winow.onmouseup = endrag; function odrag (e) { var X = e.clientx - x, Y = e.clienty - y; var newx = parseint (g_obj.style.left) + X+"px"; var newy = parseint (g_obj.style.top) + Y+"px"; g_obj.style.left = newx; g_obj.style.top = newy; x = e.clientx, y = e.clienty; À `B function endrag (e) { `C winow.onmousemove = null; if (((e.clientx > 50) && (e.clientx < 200)) && ((e.clienty > 20) && (e.clienty < 30))) g_obj.style.isplay = "none"; </SCRIPT> <DIV STYLE="position: absolute; `D top: 300px; left: 100px"> <IMG SRC="trushbox.gif"></DIV> <DIV ID="obj1" onmouseown="begindrag (event, 'obj1');" STYLE="position: absolute; left: 70px; top: 80px; with: 120px"> inet-mag <BR></DIV> ` D ``` A C A ` D ` B ` C INTERNET magazine 2001/1 35
5 1 <BODY bgcolor=inigo onloa="pageloa()"> <DIV ID="movingframe" STYLE="position:absolute; height :128px; with: 38px; top: 25px; left: 25px; borer: px soli #CCCCCC; cursor: move; z-inex:2;" onmouseown="checkmouseown ( )"> 2 <SCRIPT Language="JavaScript1.2"> var m = 0, mx = 0, my = 0; function pageloa ( ) { ocument.onmousemove = moveframe; ocument.onmouseup = checkmouseup; function moveframe ( ) { if (m) { movingframe.style.pixeltop = event.y - my; movingframe.style.pixelleft = event.x - mx; return false; function checkmouseown ( ) { if (event.srcelement == movingframe) { m=1; my = event.y-movingframe.style.pixeltop; mx = event.x-movingframe.style.pixelleft; else { return true; function checkmouseup ( ) { m=0; </SCRIPT> 1 2 1 3 INTERNET magazine 2001/1
HTML D m im-html@impress.co.jp Q U E S T I O N1 5 M18 Q U E S T I O N2 msn.microsoft.com/workshop/author/html/ overview/inlinefloatingframes.asp INTERNET magazine 2001/1 37
[インターネットマガジン バックナンバーアーカイブ] ご 利 用 上 の 注 意 この PDF ファイルは 株 式 会 社 インプレス R&D( 株 式 会 社 インプレスから 分 割 )が 199 年 ~200 年 まで 発 行 した 月 刊 誌 インターネットマガジン の 誌 面 を PDF 化 し インターネットマガジン バックナンバー アーカイブ として 以 下 のウェブサイト All-in-One INTERNET magazine 2.0 で 公 開 しているものです http://i.impressrd.jp/bn このファイルをご 利 用 いただくにあたり 下 記 の 注 意 事 項 を 必 ずお 読 みください 記 載 されている 内 容 ( 技 術 解 説 URL 団 体 企 業 名 商 品 名 価 格 プレゼント 募 集 アンケートなど)は 発 行 当 時 のものです 収 録 されている 内 容 は 著 作 権 法 上 の 保 護 を 受 けています 著 作 権 はそれぞれの 記 事 の 著 作 者 ( 執 筆 者 写 真 の 撮 影 者 イラストの 作 成 者 編 集 部 など)が 保 持 しています 著 作 者 から 許 諾 が 得 られなかった 著 作 物 は 収 録 されていない 場 合 があります このファイルやその 内 容 を 改 変 したり 商 用 を 目 的 として 再 利 用 することはできません あくまで 個 人 や 企 業 の 非 商 用 利 用 での 閲 覧 複 製 送 信 に 限 られます 収 録 されている 内 容 を 何 らかの 媒 体 に 引 用 としてご 利 用 する 際 は 出 典 として 媒 体 名 および 月 号 該 当 ページ 番 号 発 行 元 ( 株 式 会 社 インプレス R&D) コピーライトなどの 情 報 をご 明 記 ください オリジナルの 雑 誌 の 発 行 時 点 では 株 式 会 社 インプレス R&D( 当 時 は 株 式 会 社 インプレス)と 著 作 権 者 は 内 容 が 正 確 なものであるように 最 大 限 に 努 めましたが すべての 情 報 が 完 全 に 正 確 であることは 保 証 できません こ のファイルの 内 容 に 起 因 する 直 接 的 および 間 接 的 な 損 害 に 対 して 一 切 の 責 任 を 負 いません お 客 様 個 人 の 責 任 においてご 利 用 ください このファイルに 関 するお 問 い 合 わせ 先 All-in-One INTERNET magazine 編 集 部 im-info@impress.co.jp Copyright 199-2007 Impress R&D, an Impress Group company. All rights reserve.