今天俺值班!(图片滚动js)

2024-03-02 03:08
文章标签 图片 js 今天 滚动 值班

本文主要是介绍今天俺值班!(图片滚动js),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

     

今天虽然是周末,但是排班轮到我值班了。值班真不爽,一值班周末就没了,而明天又要开始一周的上班。天宫还不作美,下了一天的雨。昨天洗的衣服明天估计都不干了。前几天帮主席弄的那个网页,他用的TABLE做的静态网页,后来格式出问题了,怎么改都不能实现他要求的那样,右边总是有一段空白。没办法只有把那个网页重新用DIV+CSS重新做了下。感觉还不错,起码改起来比较顺手了。知道那个对应那个!他还要求网页上有个图片滚动的效果,就顺便学习了下那个。

效果就如http://www.cdjgjt.com/上面那个。

<IFRAME name=mq marginWidth=0 marginHeight=0 src="tt.html" frameBorder=no width="99%" scrolling=no height=100></IFRAME>

使用了框架技术,TT.HTML是另外一个网页,用来显示图片轮换效果的。

 

JS代码下:

  1.  

    <SCRIPT language=JavaScript>
    <!-- Hide
    function killErrors()
    {
    return true;
    }
    window.onerror = killErrors;
    //清除所有的JS错误
    //-->
    </SCRIPT>
    <SCRIPT language=JavaScript>
    <!--//
     var x = 0;
     var y = 0;
     var limdex = 1100;
     var dest = 0;
     var distance = 0;
     var step = 0;
     var destination = 0;
     var on = true;

    function scrollit(destination) {
     step = 3;
     dest = destination;
     if (x<dest & x < limdex){
      while (x<dest) {
       step += (step / 7);
       x += step;
       parent.frames[0].scroll(x,0);
      } 
                            // top.main.scroll(dest,0);
      if(dest <=limdex) { parent.frames[0].scroll(dest,0); }
      x = dest;
     }
     if (x > dest)  {
      while (x>dest) {
       step += (step / 7);
       if(x >= (0+step)) { x -= step; parent.frames[0].scroll(x,0); }
       else break;
      }
      if(dest >= 0) { parent.frames[0].scroll(dest,0); }
      x = dest;
     }
     if (x<1) { parent.frames[0].scroll(1,0); x=1 }
     if (x>limdex) { parent.frames[0].scroll(limdex,0); x=limdex }
     x = dest;
    }

    function scrollnow()//滚动的代码设置
     {
                    if (on)
    {
                    if (x < limdex & x >= 0 ) {             
                                    parent.frames[0].scroll(x,0);
                               
                            x = x + 1;
                           
                            setTimeout('scrollnow()',8);//
           
                    }
                    else if (x < 0) {
                   
                            x = limdex;
                            scrollnow();
                    }
                else {
                   
                    x=0;
                    scrollnow();
                    }
                    }

    }

    // *********************************
    // 去掉原来的stopscroll()
    function stopscroll()// 停止滚动
     {
            if (on)
    {
            on = false;
            }
            else {
            on = true;
            scrollnow();
            }
    }
    function startscroll() //滚动开始
    { on = true; scrollnow(); }
    function stop_start()//控制滚动的开关
     {
     if (on){ on = false;}
    else { on = true;scrollnow();}
    }
    scrollnow();
    //-->

    </SCRIPT>

关键部分的调用

 

 <A href="链接地址" target=_blank><IMG οnmοuseοver='javascript:parent.frames

["mq"].stopscroll();' οnmοuseοut='javascript:parent.frames["mq"].startscroll();' src="../../2/image/污水处理厂1.jpg"

width="82" height="82" border="0"> </A>

 

 

JS代码没看明白,快下班了!明天继续看!

看到个更简单的实现图片滚动效果的  原文地址:http://wtyf2008.blog.163.com/blog/static/84161442006101404942996/

 

 (从下往上滚动) 代码格式

 <marquee align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img border="0" src=" http://要滚动的图片地址1">
<img border="0" src=" http://要滚动的图片地址2">
</marquee>

基本格式:<marquee scrollamount=1 SCROLLDELAY=1 border=0 direction=up scrolldelay=70 width=180 height=130 align=middle>
把图片的连接地址写在这里
</marquee>

 1.direction属性:决定文本的滚动方向,分为向左left和向右right,up和down默认状态向左。
<marquee direction=left>从右向左滚动</marquee>
<marquee direction=right>从左向右滚动</marquee>
2.behavior属性:指定文本的滚动方式,分为三种:
Scroll:从一端消失后,在另一端出现并继续滚动。
<marquee behavior=scroll>一圈一圈地滚动</marquee>
Slide:从一端滚动,接触到另一端后停止
<marquee behaviro=slide>只滚动一次就停止</marquee>
Alternate:从一端滚动到另一端后,反向滚动。
<marquee behavior=alternate>来回滚动</marquee>
direction=up(left、right、down) 这个属性可以更改,这样就可以实现上下左右了

<script src="http://www.cdsbfx.com/js/google.js" type="text/javascript"></script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>

这篇关于今天俺值班!(图片滚动js)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/764715

相关文章

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

使用opencv优化图片(画面变清晰)

文章目录 需求影响照片清晰度的因素 实现降噪测试代码 锐化空间锐化Unsharp Masking频率域锐化对比测试 对比度增强常用算法对比测试 需求 对图像进行优化,使其看起来更清晰,同时保持尺寸不变,通常涉及到图像处理技术如锐化、降噪、对比度增强等 影响照片清晰度的因素 影响照片清晰度的因素有很多,主要可以从以下几个方面来分析 1. 拍摄设备 相机传感器:相机传

在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲

1. 单例模式(Singleton Pattern) 确保一个类只有一个实例,并提供一个全局访问点。 示例代码: class Singleton {constructor() {if (Singleton.instance) {return Singleton.instance;}Singleton.instance = this;this.data = [];}addData(value)

Node.js学习记录(二)

目录 一、express 1、初识express 2、安装express 3、创建并启动web服务器 4、监听 GET&POST 请求、响应内容给客户端 5、获取URL中携带的查询参数 6、获取URL中动态参数 7、静态资源托管 二、工具nodemon 三、express路由 1、express中路由 2、路由的匹配 3、路由模块化 4、路由模块添加前缀 四、中间件

EasyPlayer.js网页H5 Web js播放器能力合集

最近遇到一个需求,要求做一款播放器,发现能力上跟EasyPlayer.js基本一致,满足要求: 需求 功性能 分类 需求描述 功能 预览 分屏模式 单分屏(单屏/全屏) 多分屏(2*2) 多分屏(3*3) 多分屏(4*4) 播放控制 播放(单个或全部) 暂停(暂停时展示最后一帧画面) 停止(单个或全部) 声音控制(开关/音量调节) 主辅码流切换 辅助功能 屏

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中,在进行一些平板等默认横屏的设备开发的过程中,需要在进入camera2的 时候,默认预览图像也是需要横屏显示的,在上一篇已经实现了横屏预览功能,然后发现横屏预览后,拍照保存的图片 依然是竖屏的,所以说同样需要将图片也保存为横屏图标了,所以就需要看下mtk的camera2的相关横屏保存图片功能, 如何实现实现横屏保存图片功能 如图所示: 2.mtk

Spring MVC 图片上传

引入需要的包 <dependency><groupId>commons-logging</groupId><artifactId>commons-logging</artifactId><version>1.1</version></dependency><dependency><groupId>commons-io</groupId><artifactId>commons-

Prompt - 将图片的表格转换成Markdown

Prompt - 将图片的表格转换成Markdown 0. 引言1. 提示词2. 原始版本 0. 引言 最近尝试将图片中的表格转换成Markdown格式,需要不断条件和优化提示词。记录一下调整好的提示词,以后在继续优化迭代。 1. 提示词 英文版本: You are an AI assistant tasked with extracting the content of

使用JS/Jquery获得父窗口的几个方法(笔记)

<pre name="code" class="javascript">取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);如题: $(selector, window.top.document);//获得顶级窗口里面的元素 $(

js异步提交form表单的解决方案

1.定义异步提交表单的方法 (通用方法) /*** 异步提交form表单* @param options {form:form表单元素,success:执行成功后处理函数}* <span style="color:#ff0000;"><strong>@注意 后台接收参数要解码否则中文会导致乱码 如:URLDecoder.decode(param,"UTF-8")</strong></span>