Chinese
Sign in / Sign up

十字滑动/舞蹈文本字段脚本

易于使用的 ajax 交叉滑动或舞动文本框脚本，可以为表单上的文本框生成跳动效果。这个免费的脚本可以通过在显示的文本上增加一点动画以增强你的网页的显示效果。

特点

  • 交叉滑动效果可以让你的文本从左到右滑动。
  • 你可以设置文本框滑动的速度。
  • 易于定制，可在大多数浏览器中运行。

预览

代码

Javascript 代码
<!-- Script by hscripts.com -->
<!-- copyright of HIOX INDIA -->
<!-- more scripts @ https://www.hscripts.com -->
<style type="text/css">
table{font-family: arial, verdana; font-size: 12px;}
.cmptab{border: 6px solid #FFFFDF; width:320; background-color: #DB9B6E;}
.pad{padding: 1px 10px 1px 10px; height:25; width:130; }
.inpfld1{border:0px; background-color: #ebecea; display:block; width:150;}
.inpfld2{border:0px; background-color: #f3f3fc; width:150;}
.ftab{display: none; position: relative;}
.labpad{padding: 1px 10px 1px 10px;}
</style>
<script type="text/javascript" src="hdancing/dancing.js">
</script>

HTML 代码
<div id=layer1 style="position:absolute; width:303px; height:25; visibility: hidden; top: 340px; left: 290px; z-index:1; background-image: url('images/ajax-loader.gif'); background-repeat: no-repeat; background-position: center; background-color: #dfdff1; border: 1px solid #aaaaff; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;">
</div>
<div id=layer4 style="position:absolute; width:200px; height:100; visibility: hidden; top: 272px; left: 220px; z-index:1; background-color: #dfdff1;color:red; border: 1px solid #aaaaff; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;">
</div>
<table class="cmptab" cellpadding=0 align=left style=margin-top:2px;margin-left:5px; cellspacing=0>
<tr bgcolor=#fffffa><td>
<div align=center>
<table cellpadding=0 cellspacing=0><tr><td align=center> <b>è·¨æ»æ¨¡åº</b><br>
<img src="hdancing/images/get.gif" onclick="strt();" onkeyup="gett(event);" onkeydown="gett(event);" tabindex=1></td></tr></table></div>
<table id=t_scri class=ftab>
<tr bgcolor=#ebecea>
<td class=pad>Company Name</td>
<td align=center class=labpad>
<input type="text" class=inpfld1 readonly id="scri"></td></tr>
</table>
<table id=t_cat class=ftab>
<tr bgcolor=#f3f3fc>
<td class=pad>Category</td>
<td align=center class=labpad>
<input type="text" readonly class=inpfld2 id="cat"></td></tr>
</table>
<table id=t_des class=ftab>
<tr bgcolor=#ebecea>
<td class=pad>Address</td>
<td align=center class=labpad>
<input type="text" readonly class=inpfld1 id="des"></td></tr>
</table>
<div align=center style='font-size: 10px; color: #dadada;' id="dumdiv">
<a href="https://www.hscripts.com" id="dum" style='text-decoration:none; color: #dadada;'>&copy; hscripts.com</a></div>
</td></tr></table>
<!-- Script by hscripts.com -->

用法

  • 下载并解压缩文件。您将获得所需的文件。
  • 复制上述代码并粘贴到你的网页中。
  • Onclick 事件中的值是用 ajax 方式从 ajax1,php文件中获取并显示。

牌照

  • 本Ajax脚本/ HTML代码是GPL许可下给予.
  • 即免费使用那些谁使用，因为它是它.
  • 免费的，如果你的修改不会删除我们的版权信息和链接.
  • 详细许可证资料可在这里找到
  • 你可以购买脚本如果你的要求不符合GPL授权条款.

Ajax 脚本