javascript document.images实例_图象特效

<script>
dxy='';
for (cnrose=0;cnrose<document.images.length;cnrose++)
{
 dxy+='<img src='+document.images[cnrose].src+'>[br]'
}

if(dxy!='')
 {
  document.write(dxy);
  void(document.close())
 }
else
 {
 alert('No images!')
 } 
</script>

下边这个是在上面的基础上去掉回车后在前边加了个javascript:生成的,打开一个有图片的网站,把这
段复制到地址(url)上,回车,看一下效果,只对<img>有效。

javascript:dxy='';for (cnrose=0;cnrose<document.images.length;cnrose++){dxy+='<img 
src='+document.images[cnrose].src+'>[br]'}if(dxy!=''){document.write(dxy);void
(document.close())}else{alert('No images!')} 

时间: 2024-09-29 15:11:29

javascript document.images实例_图象特效的相关文章

html+js+highcharts绘制圆饼图表的简单实例_图象特效

实例如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type&q

来自ImageSee官方 JavaScript图片浏览器[原创]_图象特效

使用方法: 访问"imagesee.htm的网址+?pic=图片的网址&page=该图片相关网页的网址" 即可,其中page参数可以忽略. 关于ImageSee: ImageSee是开放源代码的网页图片浏览器,由JavaScript写成,是一个完全静态网页.同时支持IE Firefox Opera浏览器.  透过ImageSee,您可以方便的对网上的高清图片(大图片)进行浏览,具备常规的图片浏览所需要的全部主要功能:放大缩小.缩略图.图片鼠标拖动. 更多特色: 完全免费开放使用

javascript 图片上一张下一张链接效果代码_图象特效

贴个实现方法: 代码 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title&g

js 上传图片预览问题_图象特效

最近也经常遇到浏览器兼容的问题,昨天遇到上传图片预览问题,发现IE8和火狐不能显示,弄了很久,早上终于解决了很高兴.故跟大家分享下,我也多是网上找的,自己总结的一下,希望对大家有点帮助. 我们一般根据IE6.IE7进行开发的时候写图片预览的代码是: 复制代码 代码如下: document.getElementById("img").src = document.getElementById("file").value; 还有一种方式 复制代码 代码如下: <d

图片分页查看[原创]_图象特效

复制代码 代码如下: <table height="120" border="0" align="center" cellpadding="5" cellspacing="0">           <script language="javascript" type="text/javascript"> function int(I,k) {

javascript 图片放大效果函数_图象特效

演示示例 1.图片和放大使用不同的图片(大小图片要比例相同) 也可以指定放大倍数(相对于小图片计算) new imageZoom("img1",{ //mul:6,//指定放大的倍数 onShow:function() { document.title="show,you are moving on the image."; }, onHide:function() { document.title="you mouse move out the imag

javascript dom代码应用 简单的相册[firefox only]_图象特效

但我觉得这还不行,毕竟什么都是人家封装好的,得自己深入学习下原生的javascript才踏实.今天看到一篇不错的博文,介绍了一个基于js dom编程的相册实例,虽然这个例子很小,但个人认为还是很有学习价值的,先给出html和效果图,这样有助于后面js的理解.      复制代码 代码如下: <body> <div id="content"> <h1>Snapshots</h1> <ul id="imagegallery&q

JavaScript 图片切割效果(放大镜)第1/4页_图象特效

上一个版本由于是初次接触这类效果,而且是三个大功能一起开发,能力所限,所以仅仅是实现了效果就完成了. 近来我把其中的 拖放效果 和 缩放效果 单独出来研究,经过整理和完善,再套进切割效果,个人感觉效果已经不错了. 要说明的是这个只是一个效果,并不是真正的切割图片,要获取真正的切割图片请参考 图片切割系统 . 效果预览请看这里 完整实例下载 代码太多贴不出来,只好给个效果图: 程序说明 这个效果主要分三个部分:层的拖放.层的缩放.图片切割(包括预览). 其中 层的拖放 和 层的缩放 我已经在其他两

JavaScript 类似flash效果的立体图片浏览器_图象特效

PS:显示效果图,大家可以根据自己的需求调整图片的样式哦代码 复制代码 代码如下: <style type="text/css"> //图片浏览器容器 #container{position:absolute;} #container img{position:absolute;} //半透明遮罩层样式 .mask2{ background:#99FF00; opacity:0.3; filter:Alpha(Opacity='30'); position:absolute