`

页面显示器代码效果

阅读更多
我们在光顾一些特效网站时,为了展示特显,网站经常是让我们直接运行这些特效代码。在页面上直接显示代码效果,好像需要很高深的技术似的,其实非常简单,说白了就两个步骤就可以做到:
第一:让特效代码粘贴在一个文本域中。
第二:打开一个新的页面,将文本域中的内容写入到页面中。Javascript代码如下:
htmlstr = document.script.tester.value;
newwin= open("", "newwin","status=no,menubar=yes,toolbar=no");
newwin.document.open();
newwin.document.write(htmlstr);
newwin.document.close();


很简单吧,只是现在这种在新页面写入内容的方式已经越来越少用了。

完整代码如下:
<html>
<head>
<title>KutoKu.com---直接页面显示器代码效果</title>
<style type="text/css">
<!--
body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: none }
 A:hover { COLOR: red; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }
--></style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<br>
<br>
<center><font color=red face="隶书" size=6>直接页面显示器</font></center>
<br>
<center>
<table border=0 bordercolor=#111111 borderlight=green style="border-collapse: collapse" cellpadding="0" cellspacing="0">
<tr><td align=center><font size=4 color=red face="Arial, Helvetica, sans-serif"><strong>请在下面窗口中输入HTML代码</strong></font></td></tr>
<tr><td align=center>
<script language="JavaScript">

function trestart(){
   if (script) {
   clear = confirm("你真的确定要关闭吗?",'');
   if(clear) {
   document.script.reset();
   document.script.value = "";
  }
 }
} 

function test(){
  {
  temp = document.script.tester.value;
  testwin= open("", "testwin","status=no,menubar=yes,toolbar=no");
  testwin.document.open();
  testwin.document.write(temp);
  testwin.document.close();
 }
}


function help(){ 
 OpenWindow=window.open("", "newwin","height=220,width=470,toolbar=no,scrollbars="+scroll+",menubar=no");
 OpenWindow.document.write("<body bgcolor='white' text='black' alink='blue'vlink='blue' link='blue'><TITLE>帮助信息</TITLE>")
 OpenWindow.document.write("<center>你只要把你想显示的代码放到上页的输入框中,你自己也可以写代码,按显示键就能显示你的页面内容</center><br>")
 OpenWindow.document.write("<center><a href='mailto:webmaster@javascript2000.com' target='main'>写信给我</a></Center><br>")
 OpenWindow.document.write("<center><a href='javascript:close()'>关闭本窗口</a></Center>")
 OpenWindow.document.close()
 self.name="main"
}

//End hiding-->
</script>
<form name="script">
<textarea name="tester" rows="8" cols="50"
wrap="off"></textarea>
<br>
<input type="button" value="显示" onClick="test()">&nbsp;&nbsp;
<input type="button" value="清除" onClick="trestart()">&nbsp;&nbsp;
<input type="button" value="帮助" onClick="help()">
</form>
</td></tr></table></center>
<center>
<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="360" id="AutoNumber1">
    <tr>
      <td>
      <p align="left"><span style="font-size: 9pt">将下面代码复制到输入框试试<br>
      <font color="#FF0033"><br>
      &lt;html&gt;<br>
      &lt;head&gt;<br>
      &lt;title&gt;你好&lt;/title&gt;<br>
      &lt;/head&gt;<br>
      <br>
      &lt;body&gt;<br>
      你好!欢迎光临<a href="http://www.kutoku.com" target="_blank">KuToKu素材站</a><br>
      &lt;/body&gt;<br>
      <br>
      &lt;/html&gt;</font></span></td>
    </tr>
  </table>
  </center>
</div>
<p>
<br>
<br>
</p>
</body>
</html>


文章地址:http://javapub.iteye.com/blog/734719
分享到:
评论

相关推荐

    关闭电脑显示器,同时锁定WINDOWS操作系统 ,含源代码实现

    标题提及的"关闭电脑显示器,同时锁定WINDOWS操作系统"是通过编程来实现的一个实用功能,它可以模拟Windows系统自带的"WINDOWS+L"快捷键效果,即不仅关闭显示器,还能同时锁定系统。 首先,我们需要了解Windows API...

    mgGlitchjs是一款能够模拟显示器故障效果的jQuery插件

    mgGlitch.js是一个基于jQuery的开源插件,它专为网页开发者设计,用于创建模拟显示器故障效果的视觉特效。这种效果通常被称为“故障艺术”或“数字噪声”,在现代网页设计中常用于营造独特的视觉体验,提升用户体验...

    文本显示器

    - **显示器**:分辨率需达到800x600,支持16色以上显示效果 - **鼠标**:通用鼠标或其他与Windows兼容的输入设备 - **打印机**:具有Windows驱动程序的打印机 - **RS-232端口**:至少需要一个COM端口用于与人机接口...

    静态页面制作长首页

    在实际项目中,我们还会使用CSS(Cascading Style Sheets)来控制页面的样式和布局,JavaScript进行交互逻辑处理,有时甚至会结合使用jQuery等库来简化JavaScript代码。对于这个长首页,我们可能需要考虑滚动加载...

    二手车静态页面参考demo

    在这个demo中,CSS可能会使用Bootstrap或自定义样式来实现响应式设计,确保页面在不同分辨率的PC显示器上都能有良好的视觉效果。 3. **JavaScript 动态功能**:JavaScript可以实现页面的交互性,如图片轮播、下拉...

    电子文字显示器.rar

    在压缩包内有一个名为“电子文字显示器.htm”的文件,这表明可能包含了一个HTML页面,该页面可能用于展示电子文字显示器的实际效果或者提供其运行环境。HTML(超文本标记语言)是网页的基础结构,它与JavaScript结合...

    jquery宽屏图片滑动切换效果代码.zip

    本资源“jquery宽屏图片滑动切换效果代码.zip”聚焦于使用jQuery实现一种适用于宽屏显示器的图片滑动切换效果,常用于网站的焦点图或幻灯片展示。以下是对这个代码实现的详细解析: 首先,jQuery是一个轻量级、功能...

    单片机和图形液晶显示器接口应用技术

    ### 单片机和图形液晶显示器接口应用技术详解 #### 引言 随着技术的发展,液晶显示器(LCD)因其低功耗、...通过合理的硬件连接和精心编写的软件程序,可以充分发挥MGLS12864的强大显示能力,实现多样化的显示效果。

    检测访客显示器分辨率

    通过检测访问者的显示器分辨率,开发者可以做出相应的调整,比如改变页面布局、图片大小、字体大小等,从而提高网站的响应速度和视觉效果,增强用户的满意度。 ### 实现方法:JavaScript检测 目前,最常用的方法是...

    常用十六进制颜色对照表代码查询

    这些代码在开发Web页面、图形用户界面、以及使用WebGL技术的three.js三维图形库时尤为常见。本文档提供的内容,就是一张详细的十六进制颜色对照表,便于开发者在开发过程中快速查询并应用。 十六进制颜色代码由六个...

    JS实现自动切换文字的导航效果代码

    实现此类效果的代码通常会涉及到DOM操作、事件处理以及定时器的使用。下面是对上述【标题】和【描述】中提及的知识点的详细说明。 1. 自动切换效果的实现原理 自动切换效果是通过定时器(如JavaScript中的`...

    HashTabber垂直tab切换效果代码

    "HashTabber垂直tab切换效果代码"就是一个专注于改善用户界面交互性的项目。这个项目的主要目标是实现一种垂直布局的选项卡(tabs)切换效果,通过哈希(Hash)来管理不同的tab内容。这种效果常见于网页或桌面应用...

    电脑显示器风格FLASH整站源码

    此外,通过ActionScript,可以实现各种复杂的用户交互,如点击图标打开新页面、滑动屏幕展示更多内容等,提升用户体验。 然而,需要注意的是,虽然Flash曾经是网页动态效果的主流技术,但随着移动设备的普及和HTML5...

    JS实现可直接显示网页代码运行效果的HTML代码预览功能实例

    本文实例讲述了JS实现可直接显示网页代码运行效果的HTML代码预览功能。...直接页面显示器&lt;/TITLE&gt; &lt;STYLE type="text/css"&gt; BODY{MARGIN-TOP: 0px;FONT-SIZE: 9pt;MARGIN-LEFT: 4px;MARGIN-RIGHT: 0px

    javascript经典特效---万能图片显示器.rar

    【描述】:“万能图片显示器.rar万能图片显示器.htm”描述了这个压缩包包含的主要文件是一个HTML页面(万能图片显示器.htm),这个页面可能包含了实现万能图片显示器的JavaScript代码和相关的HTML结构。HTML(超文本...

    移动端手机端web页面

    本项目"仿17互助首页页面"是基于一个现有网站的网页进行的移动端适配,重点在于实现响应式布局,确保在各种手机设备上都能呈现出良好的视觉效果和操作体验。 响应式布局是现代Web设计的关键,它通过CSS3的Media ...

    显示器控制协议DDCCI规格书借鉴.pdf

    5. **OP-Code列表**:OP-Code是VCP(Video Control Panel)操作代码,文档提供了多个页面的OP-Code列表,详细列出了可以用于控制显示器不同功能的代码,包括NMV特有的控制。 6. **其他信息**:包括间隔条件和空消息...

    jQuery LED显示效果倒计时代码.zip

    在本项目中,“jQuery LED显示效果倒计时代码.zip”是一个包含HTML源码和JavaScript代码的压缩包,用于实现LED风格的倒计时效果。这个功能通常被用于网站的活动预告、在线计时器或者一些需要实时显示剩余时间的应用...

    stm32 lcd 显示页面切换程序

    在STM32上实现LCD(液晶显示器)的页面切换程序是嵌入式系统中常见的任务,用于构建用户界面。这个程序适用于STM32的迷你版开发板,能够有效地在多个显示页面之间切换,提供丰富的用户交互体验。 STM32F10x是STM32...

Global site tag (gtag.js) - Google Analytics