html :: xhtml :: dvsm.

µ¿Àû ½Ã°¢Àû ¼ÒÇÁÆ®¿þ¾î ¸ðµ¨¸µ
Áö±Ý ´Ù¿î·Îµå

html :: xhtml :: dvsm. ¼øÀ§ ¹× ¿ä¾à

±¤°í

  • Rating:
  • ƯÇã:
  • Perl Artistic License
  • °¡°Ý:
  • FREE
  • °Ô½ÃÀÚ À̸§:
  • Stuart Butler
  • °Ô½ÃÀÚ À¥»çÀÌÆ®:
  • http://search.cpan.org/~dvsm/

html :: xhtml :: dvsm. ű×


html :: xhtml :: dvsm. ¼³¸í

µ¿Àû ½Ã°¢Àû ¼ÒÇÁÆ®¿þ¾î ¸ðµ¨¸µ html :: xhtml :: dvsmÀº ÅÛÇø´À» ¸ÁÄ¡Áö ¾Ê´Â XML / XHTML ÅÛÇø´ ½Ã½ºÅÛÀÔ´Ï´Ù .SynopSistHe HTML - GetStarted.htmlillustrates XML ¶Ç´Â XHTML ¸¶Å© ¾÷¿¡ Æ÷Ç﵃ ¼öÀÖ´Â DVSM ¸í·É Áß ÇϳªÀÌÁö¸¸ ´©¶ô µÈ °Í ¾Æ·¡¿¡ ¼³¸íµÇ¾î ÀÖ½À´Ï´Ù. ¸ðµç ¸¶Å© ¾÷Àº HTMLÀÌ ¾Æ´Ñ XHTML ¿©¾ßÇÕ´Ï´Ù. html :: xhtml :: dvsm <title/> <head/> <body> <h1> html·Î ½ÃÀÛÇϱâ :: xhtml :: dvsm <h1/>ÀÌ html ¸¶Å© ¾÷ HTML :: xhtml :: DVSM <br/> Run PrintHeader¿¡¼­ »ç¿ëÇÒ ¼öÀÖ´Â ½ºÅ©¸³Æ® ¸í·ÉÀº Çì´õ <br/> <h2> ½ÇÇà <h2/> ½ÇÇà DorunÀÌ "Dorun"<br/> <br/> <span id = "sid"> Hello World <span/> <br/> Run DorunÀº "Dorun"<br/> <span id = "sid2"> Hello World <span/> <!-dvsm Ãâ·ÂÇÕ´Ï´Ù "dorun ()" ½ÇÇàÇϽʽÿÀ "dorun ()"¿©±â¼­ id = "dorun ()"dorun () "¿©±â¼­ id ="sid2 "-> <! - dsubs sub printheader {print"content-type : text / html ";} My $ Count = 0; ÇÏÀ§ µµ·é {++ $ count; Àμâ"DorunÀº $ Count Times <br/> ";} -> <h2> ¼¼Æ® <h2/> textnode´Â hello ¼¼°è¿¡¼­ hello sid <br/> <span id ="set "> hello world <span/> <br/> ÀÔ·Â °ªÀÌ ¼³Á¤µË´Ï´Ù. "set"<br/> <input type = "text"value = ""name = "set2"> <!-dvsm sethello () "¸¦"sayhello () "to"set = "set"°ªÀ¸·Î ¼³Á¤ " '¼³Á¤À¸·Î ¼³Á¤ÇϽʽÿÀ'; "¿©±â¼­ name ="set2 "-> <!-dsubs sub sayhello {return"hello sid ";}-> <h2> Åä±Û <h2/> ¿É¼Ç 2·Î ¼³Á¤µÈ Àü·ù °ª Åä±Û Ä¿¸Çµå <br/> <name = "myselect"> <¿É¼Ç °ª = "1"select = "myselect"> ¿É¼Ç 1 <option/> <¿É¼Ç °ª = "2"select = "myselect"> ¿É¼Ç 2 <¿É¼Ç/> <¿É¼Ç °ª = "3"select = "myselect"> otpion 3 <option/> <select/> <br/> <!-dvsgle "dotoggle ()"¿¡¼­ ¼±Åà = "myselect"·Î ¼±ÅÃÇÑ dvsm Àüȯ "-> <!-dsubs my $ ¼±Åà µÊ = 2; sub dotoggle {my $ sb = getb (); my $ value = $ sb-> SBGetCurrentTagValue ( "°ª"); ¸®ÅÏ ($ value eq $ ¼±ÅÃ);} - > <h2> »èÁ¦ <h2/> ¿É¼Ç 2 ¹× ¿É¼Ç 3 »èÁ¦ ¸í·É <br/> <name = "myselec t "> <¿É¼Ç °ª ="1 "select ="myselect "> ¿É¼Ç 1 <option/> <¿É¼Ç °ª ="2 "select ="deleteme "> ¿É¼Ç 2 <option/> <¿É¼Ç °ª ="3 "¼±Åà = "»èÁ¦"> OtPion 3 <option/> <select/> <!-dvsm »èÁ¦ ¿©±â¼­ ¼±Åà = "h Á¦´ë"-> <h2/> ¸í·ÉÀ» »ç¿ëÇÏ¿© Å×À̺íÀ» µ¥ÀÌÅÍ ÁýÇÕÀ¸·Î ä¿ì´Â µ¥ »ç¿ëµÇ´Â µ¿¾È <h2/> °í°´ : 148842 => "MR J Smith", 848488 => "MS S Jones", 484848 => "MRS P Cook", 982828 => "Joe Bloggs"<table> <tr> <th> °í°´ ¹øÈ£ <t/> <th> °í°´ À̸§ <th/> <tr/> <tby> <tr name = "customers"> <td name = "custid"> 12345 <td/> <td name = "custname"> mr bloggs <td/> <tr/> <tr name = "deleteme"> <td> 23456 <td/> <td> mRS soap <td/> <tr/> <tr name = "heeteme"> <td> 67890 <td/> <td> MR <td/> <tr/> <td/> <table/> <tbody/> <table/> <!-dvs »èÁ¦ ¿©±â¼­ name = "deleteeme"where name = "customers"´Â textnode¸¦ ¼³Á¤ÇÕ´Ï´Ù "getcustid ()"¿©±â¼­ name = "custid"´Â textnode¸¦ "getcustname ()"·Î ¼³Á¤ÇÕ´Ï´Ù ¿©±â¼­ name = "custname"³¡-> <!--ddsubs my = (148842 => "MR Smith", 848488 => "MS S Jones", 484848 => "MRS P Cook", 982828 => "Joe Bloggs"); ³» $ cursor = -1; SUB MORCUSTOMERS {$ CURSOR ++; ³» @Keys = Å° (); ¹Ýȯ ($ cursor <h2>ÀÌ ´Ü¶ôÀÌ Ç×»ó ¹ß»ýÇϸé <p/> <p id = "datepara_even">ÀÌ ´Ü¶ôÀº ¿ùÀÇ ³¯Â¥ (<span id = "thedate">> <span/>)´Â ¦¼ö ¼ýÀÚ <p/> <p id = "datepara_odd">ÀÌ ¹öÀüÀº ¿ùÀÇ ³¯Â¥ (<span id = "thedate"> <span/>)°¡ Ȧ¼ö <p/> <!-datiseven () "where ="datepara_even "textnode"getdate () "where ="thedate "where ="where id = "datepara_odd getdate "·Î ¼³Á¤ textnode"() "id ="thedate "ÃÖÁ¾¸é-> <!-dsubs ¼­ºê dateisodd! {â (dateiseven ()!)} ¼­ºê dateiseven {³» ($ ÃÊ $ ºÐ $ ½Ã°£ $ mdy $ mon $ year $ wday $ yday $ isdst) = localtime (½Ã°£); return ($ mday % 2 == 0);} sub getdate {my ($ sec $ min $ h ½Ã°£ $ may $ mon $ ydy $ isdst) = localtime (½Ã°£); sprintf ( "% 2d % 2d % 4d" $ mdy $ mon + 1 1900 + $ ³â);}-/> <body/> <html/> ¿©±â¿¡ Ç¥½ÃµÇÁö ¾ÊÀº ÇϳªÀÇ DVSM ½ºÅ©¸³Æ® ¸í·ÉÀº <!-dvsm_include ÆÄÀÏ pathhtml--/>´Â ÁöÁ¡¿¡¼­ ÁÖ ¹®¼­¿¡ ¸¶Å© ¾÷ÀÇ Á¶°¢À»·Îµå ÇÒ ¼öÀÖ´Â Áö½Ã¾î¸¦ Æ÷ÇÔÇÑ´Ù. ÄÚµå Á¶°¢Àº DVSM ½ºÅ©¸³Æ®¿Í DSUBS ÆÞ ¼½¼ÇÀ» Æ÷ÇÔ ÇÒ ¼ö ÀÖ½À´Ï´Ù. ¿ä±¸ »çÇ× : ¡¤ Perl. </p> <div class="clearfix"></div> <br/> <p class="c-title fl"><span> html :: xhtml :: dvsm. °ü·Ã ¼ÒÇÁÆ®¿þ¾î</span></p> <div class="clearfix"></div> </div> <div class="clearfix"></div> <div class="new-post"> <article class="app-list sb clearfix"> <figure class="figure fl"> <a class="thumbnail" href="/Linux/download-net-%3A%3A-snmp-%3A%3A-xs.-10030644.htm"> <img class="img-cover br" src="https://icon.softwaresea.com/48x48/5/66/1032642.c4076e0a0d2ca53465ac66ade27c6574.gif"/> </a> </figure> <div class="content fl"> <h2 class="title ellipsis"><a href="/Linux/download-net-%3A%3A-snmp-%3A%3A-xs.-10030644.htm"> net :: snmp :: xs. </a></h2> <p class="intro ellipsis"> XS¿¡¼­ µðÄÚµùÇÏ¿© NET :: SNMP ¼Óµµ¸¦ ³ôÀÔ´Ï´Ù. ...</p> <p class="data clearfix"> <time class="time fl"> <i class="fa fa-calendar"></i>N/A</time> <span class="view fl hidden-sm-md-lg"><i class="fa fa-download"></i>174</span> <span class="view"><i class="fa fa-save"></i></span> </p> </div> <p class="btn fr"><a rel="nofollow" class="download transition br" href="/Linux/download-net-%3A%3A-snmp-%3A%3A-xs.-10030644.htm"><i class="fa fa-download"></i> ´Ù¿î·Îµå</a></p> </article> <article class="app-list sb clearfix"> <figure class="figure fl"> <a class="thumbnail" href="/Linux/download-Catalyst-%3A%3A-Plugin-%3A%3A-PickComponents.-10030645.htm"> <img class="img-cover br" src="https://icon.softwaresea.com/48x48/5/66/1032561.83ff6fdec12fd684d6ae9428a6a4fd85.gif"/> </a> </figure> <div class="content fl"> <h2 class="title ellipsis"><a href="/Linux/download-Catalyst-%3A%3A-Plugin-%3A%3A-PickComponents.-10030645.htm"> Catalyst :: Plugin :: PickComponents. </a></h2> <p class="intro ellipsis"> Ã˸Š¿ë ±¸¼º ¿ä¼Ò¸¦ ÇȾ÷ÇϽʽÿÀ. ...</p> <p class="data clearfix"> <time class="time fl"> <i class="fa fa-calendar"></i>N/A</time> <span class="view fl hidden-sm-md-lg"><i class="fa fa-download"></i>165</span> <span class="view"><i class="fa fa-save"></i></span> </p> </div> <p class="btn fr"><a rel="nofollow" class="download transition br" href="/Linux/download-Catalyst-%3A%3A-Plugin-%3A%3A-PickComponents.-10030645.htm"><i class="fa fa-download"></i> ´Ù¿î·Îµå</a></p> </article> <article class="app-list sb clearfix"> <figure class="figure fl"> <a class="thumbnail" href="/Linux/download-Wiki-%3A%3A-Toolkit-%3A%3A-Setup-%3A%3A-MySQL.-10030664.htm"> <img class="img-cover br" src="https://icon.softwaresea.com/48x48/5/66/1032660.56fa66cb98b1df35a9a05da0553ec678.gif"/> </a> </figure> <div class="content fl"> <h2 class="title ellipsis"><a href="/Linux/download-Wiki-%3A%3A-Toolkit-%3A%3A-Setup-%3A%3A-MySQL.-10030664.htm"> Wiki :: Toolkit :: Setup :: MySQL. </a></h2> <p class="intro ellipsis"> Wiki :: Toolkit Store¿¡ ´ëÇÑ Å×ÀÌºí ¼³Á¤ MySQL µ¥ÀÌÅͺ£À̽º ...</p> <p class="data clearfix"> <time class="time fl"> <i class="fa fa-calendar"></i>N/A</time> <span class="view fl hidden-sm-md-lg"><i class="fa fa-download"></i>145</span> <span class="view"><i class="fa fa-save"></i></span> </p> </div> <p class="btn fr"><a rel="nofollow" class="download transition br" href="/Linux/download-Wiki-%3A%3A-Toolkit-%3A%3A-Setup-%3A%3A-MySQL.-10030664.htm"><i class="fa fa-download"></i> ´Ù¿î·Îµå</a></p> </article> <article class="app-list sb clearfix"> <figure class="figure fl"> <a class="thumbnail" href="/Linux/download-Siesta-%3A%3A-userGuide.-10030665.htm"> <img class="img-cover br" src="https://icon.softwaresea.com/48x48/5/66/1032582.a0e219be4c8123459dec82ed1a5fe59b.gif"/> </a> </figure> <div class="content fl"> <h2 class="title ellipsis"><a href="/Linux/download-Siesta-%3A%3A-userGuide.-10030665.htm"> Siesta :: userGuide. </a></h2> <p class="intro ellipsis"> SEISTA ½Ã½ºÅÛ ¼³Á¤ ¾È³»¼­ ...</p> <p class="data clearfix"> <time class="time fl"> <i class="fa fa-calendar"></i>N/A</time> <span class="view fl hidden-sm-md-lg"><i class="fa fa-download"></i>221</span> <span class="view"><i class="fa fa-save"></i></span> </p> </div> <p class="btn fr"><a rel="nofollow" class="download transition br" href="/Linux/download-Siesta-%3A%3A-userGuide.-10030665.htm"><i class="fa fa-download"></i> ´Ù¿î·Îµå</a></p> </article> <article class="app-list sb clearfix"> <figure class="figure fl"> <a class="thumbnail" href="/Linux/download-VMS-%3A%3A-%B4%EB%B1%E2%BF%AD-10030684.htm"> <img class="img-cover br" src="https://icon.softwaresea.com/48x48/5/66/1032681.d95859b84ae3d959169fcdc0a01eeaa0.gif"/> </a> </figure> <div class="content fl"> <h2 class="title ellipsis"><a href="/Linux/download-VMS-%3A%3A-%B4%EB%B1%E2%BF%AD-10030684.htm"> VMS :: ´ë±â¿­ </a></h2> <p class="intro ellipsis"> Å¥, Ç׸ñ ¹× ¾ç½ÄÀ» °ü¸®ÇÏ°í Å¥, Ç׸ñ ¹× ¾ç½Ä Á¤º¸¸¦ °Ë»öÇÏ´Â Perl È®ÀåÀÚ ...</p> <p class="data clearfix"> <time class="time fl"> <i class="fa fa-calendar"></i>N/A</time> <span class="view fl hidden-sm-md-lg"><i class="fa fa-download"></i>223</span> <span class="view"><i class="fa fa-save"></i></span> </p> </div> <p class="btn fr"><a rel="nofollow" class="download transition br" href="/Linux/download-VMS-%3A%3A-%B4%EB%B1%E2%BF%AD-10030684.htm"><i class="fa fa-download"></i> ´Ù¿î·Îµå</a></p> </article> </div> </section> <aside id="sidebar" class="hidden-sm-md-lg fr"> <div class="theiaStickySidebar"> <section id="aside_qr" class="widget widget_aside_qr sb br mb"> <div class="widget-content aside_qr"> <p class="c-title mb10"><span>±¤°í</span></p> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1875324564741199" crossorigin="anonymous"></script> <!-- new-250*250 --> <ins class="adsbygoogle" style="display:inline-block;width:250px;height:250px" data-ad-client="ca-pub-1875324564741199" data-ad-slot="9242900742"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </section> <section id="aside_hot_comment" class="widget widget_aside_hot_comment sb br mb"> <p class="c-title mb10"><span class="name">°ü·Ã ¼ÒÇÁÆ®¿þ¾î</span></p> <ul class="widget-content aside_hot_comment"> <li class="list clearfix"> <a href="/Linux/download-XML-%3A%3A-TreeBuilder.-10030685.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/66/1032602.75b419232ee4aa77847c3c583e95229d.gif"></span> <div class="new-text"> <p class="title ellipsis"> XML :: TreeBuilder. </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 174</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-SNMP-%3A%3A-%C1%A4%BA%B8-10030704.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/66/1032702.3e8d95f1317d4e89de5de6e3ecb73089.gif"></span> <div class="new-text"> <p class="title ellipsis"> SNMP :: Á¤º¸ </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 186</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-%B3%AF%C2%A5-%3A%3A-%C8%DE%C0%CF-%3A%3A-PT.-10030705.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/66/1032617.6ea5d539a5f67ee7afaad8e8569d371c.gif"></span> <div class="new-text"> <p class="title ellipsis"> ³¯Â¥ :: ÈÞÀÏ :: PT. </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 197</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-%B8%F0%B5%E2-%3A%3A-%BA%F4%B5%E5-%3A%3A-API.-10030724.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/66/1032726.65f19a72ec096883499ee1d1083ec231.gif"></span> <div class="new-text"> <p class="title ellipsis"> ¸ðµâ :: ºôµå :: API. </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 137</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-Net-%3A%3A-Blogger-%3A%3A-Engine-%3A%3A-Slash.-10030726.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/59/1029104.47b6087a77e9d7a354e6f876cdbd9f5d.gif"></span> <div class="new-text"> <p class="title ellipsis"> Net :: Blogger :: Engine :: Slash. </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 172</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-JavaScript-%3A%3A-Xray.-10030745.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/66/1032656.daa7784a42e827b50c9c7c0f8658cf39.gif"></span> <div class="new-text"> <p class="title ellipsis"> JavaScript :: Xray. </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 190</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-%C7%EC%C0%CC-%3A%3A-%C4%B3%BD%C3-10030746.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/59/1029118.f540f0c214fb15e262d7da0ab3d315e0.gif"></span> <div class="new-text"> <p class="title ellipsis"> ÇìÀÌ :: ij½Ã </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 148</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-HTML-%3A%3A-%C0%A7%C4%A1-10030765.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/66/1032670.f2d4b5bf232a5dca88bc1b592bd7ce32.gif"></span> <div class="new-text"> <p class="title ellipsis"> HTML :: À§Ä¡ </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 166</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-%BE%CB%B0%ED%B8%AE%C1%F2-%3A%3A-Evolve.-10030766.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/59/1029136.7d87d44ce7b53059eebd43a5e6e1e4dc.gif"></span> <div class="new-text"> <p class="title ellipsis"> ¾Ë°í¸®Áò :: Evolve. </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 242</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-%B0%D4%C0%D3-%3A%3A-%BA%F9%B0%ED-%3A%3A-%C0%CE%BC%E2%B9%B0-10030786.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/59/1029158.633fb2e1e070719aed578406ec3d107d.gif"></span> <div class="new-text"> <p class="title ellipsis"> °ÔÀÓ :: ºù°í :: Àμ⹰ </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 169</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-%BB%E7%C0%CC%C6%AE-%3A%3A-Absolute-%3A%3A-FlopGames.-10030807.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/59/1029187.980cb05f6b18e36a07224a30c95e752a.gif"></span> <div class="new-text"> <p class="title ellipsis"> »çÀÌÆ® :: Absolute :: FlopGames. </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 158</font> </div> </div> </a> </li> </ul> </section> </div> </aside> </div> </div> <div class="flink sb br mb"> <p class="c-title">ȸ»ç ¼Ò°³</p> <ul id="flink" class="f-list clearfix"> softwaresea.comÀº ÄÄÇ»ÅÍ ¼ÒÇÁÆ®¿þ¾î, »ç°ú ÀÀ¿ë ÇÁ·Î±×·¥, Android ÀÀ¿ë ÇÁ·Î±×·¥ ¹× ±âŸ ¹«·á ÄÄÇ»ÅÍ ¸ð¹ÙÀÏ ¼ÒÇÁÆ®¿þ¾î ´Ù¿î·Îµå¸¦ Æ÷ÇÔÇÏ¿© ±¹³»¿Ü ÃֽŠģȯ°æ ¹«·á ¼ÒÇÁÆ®¿þ¾î ´Ù¿î·Îµå ¼¾Å͸¦ Á¦°øÇÕ´Ï´Ù. ģȯ°æ ¹«·á ¼ÒÇÁÆ®¿þ¾î¿¡ ´ëÇØ ÀÚ¼¼È÷ ¾Ë¾Æº¸·Á¸é softwaresea.com¿¡¼­ ´Ù¿î·ÎµåÇϽʽÿÀ! </ul> </div> <footer class="footer"> <div class="main container"> <div class="f-about"> <p> 2009 softwaresea.com All rights reserved. <a href="/privacy.html" rel="nofollow">°³ÀÎ Á¤º¸ Á¤Ã¥</a> | <a href="mailto:softwareseasite@gmail.com">¿ì¸®¿Í ÇÔ²² È«º¸ÇÏ´Ù</a> | <a rel="nofollow" href="https://www.softwaresea.com/submit_software.php?soft_type=lc">¼ÒÇÁÆ®¿þ¾î Á¦Ãâ</a> </p> </div> </div> <div id="toolbar" class="toolbar"> <div id="totop" class="btn hidden br transition"><i class="fa fa-arrow-up"></i></div> </div> </footer> <div id="mask-hidden" class="mask-hidden transition"></div> <script src="/images/common.js"></script> <script src="/images/headroom.min.js"></script> <script type="text/javascript"> $(document).ready(function(e) { $(".table_card .tab li").click(function() { $(".table_card .tab li").eq($(this).index()).addClass("active").siblings().removeClass("active"); $(".table_card .tabCon ul").hide().eq($(this).index()).show(); }) }); </script> </body> </html>