`
Candy张
  • 浏览: 4848 次
  • 性别: Icon_minigender_2
  • 来自: 石家庄
最近访客 更多访客>>
社区版块
存档分类
最新评论

用javascript实现的打印机效果

阅读更多
<html>
<head>
<title>typewriter</title>
<style>
.box{font-size:20;color:red}
</style>
<script language="JavaScript">
var max=0;
function textlist()  //自己的对象,存储字符串
{
  max=textlist.arguments.length;
  for (i=0; i<max; i++)
   this[i]=textlist.arguments[i];
}
tl=new textlist    //实际上是一个多维数组 tl[0]="欢迎光临JavaScript脚本编程百例"其余类推
(
        "欢迎光临JavaScript脚本编程百例",
        "这一章主要讲解用JavaScript处理文字效果",
        "这个例子实现在文本框中实现打字机效果"
);
var x=0; pos=0;
var l=tl[0].length;
function textticker()
{       
  document.form1.textfeld.value=tl[x].substring(0,pos)+"_";
  if(pos++==l)
        {
         pos=0;
         setTimeout("textticker()",1000); //控制两段话间的转换时间
         x++;
         if(x==max)
          x=0;
          l=tl[x].length;
        } else
  setTimeout("textticker()",130);  //控制文字间的显示时间
}
</script>
</head>
<body onload="textticker()">
<center>
&nbsp; </p>
<img src=line1.gif>
<form name="form1" method="get">
<center><p><input class=box type="text" name="textfeld" size="40"></p>
</form>
<img src=line1.gif>
<p align="center"><br><br><font size=20 color=#ce288c face=创艺繁综艺 >文本框<br>中的打字机效果,<br>显示内容可以任意增加,<br>打字速度也可以在程序中随意调整</font></p>
</center>
</body>
</html>
分享到:
评论

相关推荐

    typewriter.js代码打印机效果

    `typewriter.js` 是一个JavaScript库,用于实现代码打印机效果,让代码在网页上像打字机一样逐行展示,增强了用户体验,同时也为网站或应用增添了一丝动态趣味性。这个插件基于纯JavaScript编写,无需依赖其他大型库...

    js 实现网页一个一个字打印出来的效果

    标题 "js 实现网页一个一个字打印出来的效果" 指的是使用JavaScript编程语言来创建一个动态的效果,使得网页上的文本能逐字显示,类似打字机的效果。这种效果可以增强用户交互体验,通常用于讲故事、展示文本或者...

    一种基于浏览器的自动小票机打印实现方案(js版)

    总结起来,基于浏览器的自动小票机打印实现方案,特别是通过JavaScript实现的版本,为Web应用提供了一种高效、便捷且用户体验良好的打印方式。该方案的实施,不仅要求开发者具备前端开发技术,还需要对打印机、操作...

    js-printer, 一个用于实现打字机效果的javascript小工具.zip

    JavaScript 打印机效果库——js-printer是一个开源的小型工具,专为在网页中模拟打字机效果而设计。这个库允许开发者轻松地在网页上实现文本逐字符滚动的效果,给用户带来一种复古而又有趣的交互体验。下面将详细...

    jquery文字模拟打印机打印效果插件Typed.js.zip

    总的来说,Typed.js 是一个强大而灵活的 jQuery 文字动画插件,通过简单的配置和调用,就能轻松实现打印机打印效果。它不仅适用于网页的开场动画,还可以结合其他交互设计,增强用户体验。无论是在网站的欢迎语、...

    mu蓝牙打印机demo

    在这个项目中,开发者可能已经实现了扫描、连接和发送打印指令到蓝牙打印机的功能,以便用户能够通过手机或平板电脑方便地打印文档、收据或其他必要的内容。 【标签】"mui"是这个项目的开发框架,它提供了一套组件...

    Web Service调用打印机打印自定义表单

    在这个过程中,开发者通过调用Web Service接口,实现远程控制本地或网络打印机来完成打印任务。下面我们将深入探讨这个话题。 首先,Web Service是一种基于互联网的、用于应用程序之间交互的技术。它可以提供一系列...

    小程序调用蓝牙打印机完整代码

    在IT行业中,小程序是一种轻量级的应用形式,它无需下载安装即可使用,广泛应用于移动设备上。本项目涉及的是在小程序环境中实现与蓝牙打印机的交互,使得用户可以通过小程序完成打印任务。下面将详细阐述相关知识点...

    佳博Q80蓝牙便携打印机,Hbuilder+Native.js开发

    在佳博Q80蓝牙打印机的场景下,Native.js的作用尤为重要,因为它能帮助我们实现H5页面与蓝牙设备的通信,完成打印指令的发送。 首先,我们需要在HBuilder中创建一个新的H5项目,然后引入Native.js库。在项目的初始...

    HTML web打印机

    对于打印功能,HTML可以使用`&lt;link&gt;`标签引入打印样式表,以便为打印优化页面的视觉效果。 **CSS媒体查询** CSS(层叠样式表)用于控制网页的外观。在HTML Web打印机中,可以使用媒体查询(`@media print`)来定义...

    javascript编写基于chrome浏览器的打印程序,本例用来打印小票.zip

    在本示例中,我们将探讨如何使用JavaScript和Chrome浏览器来实现小票的打印。这个压缩包包含了实现这一目标的关键资源,包括一个名为`chrome调用打印机print.html`的HTML文件,以及两个指向百度经验页面的链接,这些...

    打印机管理网(Java Web+Bootstrap)

    6. **AJAX(Asynchronous JavaScript and XML)**:在打印机管理网中,可能使用AJAX实现异步通信,提高用户体验。通过AJAX,可以在不刷新整个页面的情况下更新部分内容。 7. **安全考虑**:考虑到系统涉及用户登录...

    基于Web的3DGCode查看器,可帮助理解3D打印机模型_JavaScript_下载.zip

    描述中的信息与标题一致,强调了这个工具是JavaScript编写的,这意味着它是用JavaScript这门广泛用于网页开发的编程语言实现的。JavaScript在前端开发中有着重要作用,可以实现页面交互、动态效果和数据处理等功能。...

    lodop 调用打印机

    【lodop 调用打印机】是一个在网页端实现打印功能的重要技术,尤其适用于需要跨浏览器打印解决方案的场景。Lodop是“LODOP技术服务”(Lifetime Object for Document Output in Printer)的简称,它是一种基于...

    AJAX+PHP实现的几种效果

    本资料包可能包含了一些使用AJAX和PHP实现的具体效果示例,对于不熟悉PHP的初学者来说,这是一个很好的学习资源。 首先,让我们了解AJAX的基本工作原理。AJAX允许网页在不重新加载整个页面的情况下,与服务器交换...

    SVG虚拟打印机开发

    4. **支持交互性和动画**: SVG支持JavaScript和其他脚本语言,可以通过这些脚本添加交互功能和动画效果。 5. **网络友好**: SVG支持嵌入超链接和脚本语言,可以轻松地与其他Web技术集成。 由于SVG具备上述优点,...

    javascript代码常用大全

    - 通过 CSS 动画或 JavaScript 实现连续滚动的效果。 - **5.2 html编辑控件类** - 提供一个所见即所得的富文本编辑器。 - **5.3 颜色选取框控件** - 创建一个可以选择颜色的界面组件。 - **5.4 下拉菜单** - ...

    使用JQuery调用WCF驱动TSC打印机打印二维码的例子

    在本文中,我们将深入探讨如何使用JQuery通过WCF(Windows Communication Foundation)服务来驱动TSC打印机打印二维码。这在手持设备应用中尤其常见,因为它们通常需要与硬件设备进行交互,如条形码或二维码打印机。...

    JS调用打印机功能简单示例

    首先,我们来看一下标题和描述中提到的关键点——使用JavaScript调用打印机功能。在HTML文档中,我们可以通过在JavaScript代码中添加`window.print()`方法来触发浏览器的打印对话框,让用户选择打印机并进行打印。...

    .net 打印控件-js实现效果,C#实现内核

    ".NET 打印控件-js实现效果,C#实现内核"这个主题聚焦于如何利用JavaScript在前端实现打印预览效果,并通过C#在后端构建打印内核。以下是对这个主题的详细解释: 1. **JavaScript打印预览**: - JavaScript是一...

Global site tag (gtag.js) - Google Analytics