`
metallica_1860
  • 浏览: 34299 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

前台是个什么东西---JavaScript---站在CSDN的肩膀上-->页面上的滚动广告图

阅读更多


<html>
    <body>
        <div class="pagecon_layer1_rig">
            <script type="text/javascript">
                var pic_width = 417; //图片宽度
                var pic_height = 215; //图片高度
                var button_pos = 4; //按扭位置 1左 2右 3上 4下
                var stop_time = 4000; //图片停留时间(1000为1秒钟)
                var show_text = 0; //是否显示文字标签 1显示 0不显示
                var txtcolor = "000000"; //文字色
                var bgcolor = "FFFFFF"; //背景色
                var imag = new Array();
                var link = new Array();
                var text = new Array();
                
                imag[1] = "#";
                link[1] = "#";
                text[1] = "X";
                
                imag[2] = "#";
                link[2] = "#";
                text[2] = "XX";
                
                imag[3] = "#";
                link[3] = "#";
                text[3] = "XXX";
                
                imag[4] = "#";
                link[4] = "#";
                text[4] = "XXXX";
                
                imag[5] = "#";
                link[5] = "#";
                text[5] = "XXXXX";
                
                imag[6] = "#";
                link[6] = "#";
                text[6] = "XXXXXX";
                
                var swf_height = show_text == 1 ? pic_height + 20 : pic_height;
                var pics = "", links = "", texts = "";
                for (var i = 1; i < imag.length; i++) {
                    pics = pics + ("|" + imag[i]);
                    links = links + ("|" + link[i]);
                    texts = texts + ("|" + text[i]);
                }
                pics = pics.substring(1);
                links = links.substring(1);
                texts = texts.substring(1);
                document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cabversion=6,0,0,0" width="' + pic_width + '" height="' + swf_height + '">');
                document.write('<param name="movie" value="http://csdnimg.cn/www/images/focus.swf">');
                document.write('<param name="quality" value="high"><param name="wmode" value="opaque">');
                document.write('<param name="FlashVars" value="pics=' + pics + '&links=' + links + '&texts=' + texts + '&pic_width=' + pic_width + '&pic_height=' + pic_height + '&show_text=' + show_text + '&txtcolor=' + txtcolor + '&bgcolor=' + bgcolor + '&button_pos=' + button_pos + '&stop_time=' + stop_time + '">');
                document.write('<embed wmode="transparent" src="http://csdnimg.cn/www/images/focus.swf" FlashVars="pics=' + pics + '&links=' + links + '&texts=' + texts + '&pic_width=' + pic_width + '&pic_height=' + pic_height + '&show_text=' + show_text + '&txtcolor=' + txtcolor + '&bgcolor=' + bgcolor + '&button_pos=' + button_pos + '&stop_time=' + stop_time + '" quality="high" width="' + pic_width + '" height="' + swf_height + '" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
                document.write('</object>');
            </script>
        </div>
    </body>
</html>
 
分享到:
评论

相关推荐

    前台是个什么东西---JQ&JS---一个排班的程序(JAVASWT改版)

    标题中的“前台是个什么东西---JQ&JS---一个排班的程序(JAVASWT改版)”指的是一个关于前端开发的项目,重点在于使用JavaScript(JS)和jQuery(JQ)来实现一个排班管理程序。这个程序可能是从原本用Java SWT...

    JavaScript 无缝上下滚动加定高停顿效果

    本段代码展示了一个利用JavaScript实现的无缝上下滚动效果,同时在达到特定高度时会暂停一段时间。这种效果常见于网站中的滚动广告条或者新闻滚动区域等场景,能够有效吸引用户的注意力,提高用户体验。 ### 二、...

    html5-页面滚动展示效果-js大屏页面特效

    2. **滚动监听**:使用JavaScript监听滚动事件,获取滚动条的位置或页面的滚动距离。 3. **计算偏移**:根据滚动距离,计算每个元素应该移动的距离。这通常涉及到一些数学计算,比如元素相对于视口的初始位置,以及...

    Web前台技术-JavaScript

    - 当需要在多个页面中复用相同的JavaScript代码时,可以将其存放在单独的`.js`文件中,并通过`&lt;script src="filename.js"&gt;&lt;/script&gt;`引入。 - 示例代码: ```html &lt;html&gt; &lt;head&gt; &lt;script src="myjs.js"&gt;&lt;/script&gt;...

    【JavaScript源代码】vant list组件滚动保留滚动条位置.docx

    在某些场景下,比如在页面之间切换时,我们希望用户在返回之前浏览的位置时,列表能够保持原来的滚动条位置,即实现滚动条位置的保留。这通常需要配合Vue的`keep-alive`组件来实现页面的缓存。 首先,`keep-alive`...

    页面滚动分页---iScroll实例:下拉刷新,滚动翻页

    在IT行业中,页面滚动分页是一种常见的网页优化技术,它能有效地提高用户体验,尤其是在处理大量数据或内容的网页上。这种技术通常与JavaScript库或框架相结合,如本例中的iScroll,来实现下拉刷新和自动滚动翻页...

    jquery 滚动广告图片

    此外,当鼠标悬停在广告组件上时,轮播会暂停;当鼠标移开后,则继续播放。 ### 二、HTML结构分析 #### 1. 页面基本结构 - `&lt;!DOCTYPE html&gt;`:定义文档类型为HTML。 - `&lt;html&gt;`:页面主体容器。 - `&lt;head&gt;`:包含...

    uniapp基于z-paging实现页面下拉刷新、上拉加载,分页加载案例

    在本文中,我们将深入探讨如何使用uniapp与z-paging插件来实现页面的下拉刷新、上拉加载以及分页加载功能。这些是移动应用和Web应用中常见的交互模式,能够提供更好的用户体验,使用户可以轻松地查看和加载更多数据...

    图片上下滚动带按钮

    标题“图片上下滚动带按钮”描述的是一个网页或应用程序中的交互设计功能,用户可以通过点击页面上下的两个按钮来实现图片的上下滚动。这种设计常见于图片展示、产品介绍或者滑动浏览场景,使得用户可以方便地查看...

    css3背景图片页面滚动视差效果

    在视差滚动中,我们可以通过JavaScript或者CSS的`calc()`函数动态改变这个属性值,实现背景图在滚动过程中的平滑移动。例如,可以设定一个初始位置,然后在滚动事件触发时,根据滚动距离调整位置。 为了实现视差...

    javascript经典特效---文字上下滚动的显示.rar

    这种效果可以通过JavaScript的DOM操作和定时器功能来实现,使得文本在页面上不断滚动,为用户带来动态视觉体验。现在我们来深入探讨如何使用JavaScript实现这个经典特效。 首先,我们需要一个HTML文件作为展示的...

    ssh入门视频之ssh2

    张孝祥javascript视频教程-&gt; 俄罗斯方块视频教程-&gt; 贪吃蛇游戏项目实战-&gt; 张孝祥javaweb视频教程-&gt; 张孝祥java邮件开发视频-&gt; 传智播客Struts视频教程-&gt; 传智播客hibernate视频教程-&gt; 传智播客ibatis视频教程-&gt; 传智...

    javascript经典特效---滚动初始状态为停.rar

    在网页中,JavaScript可以对用户的行为作出响应,比如点击按钮、表单提交等,还可以处理页面上的数据、控制媒体播放以及实现各种视觉特效。 这个"javascript经典特效---滚动初始状态为停.rar"的资源包,显然是关于...

    javascript无缝滚动代码

    2. **复制内容**:利用JavaScript将第一个`&lt;td&gt;`内的内容复制到第二个`&lt;td&gt;`中,这样即使第一个`&lt;td&gt;`的内容滚动出视窗,也能立即接上第二个`&lt;td&gt;`的内容,实现无缝过渡。 ```javascript var speed = 1; // 设置...

    Web前端大作业-个人网页(html+css+javascript)

    在这个个人网页中,CSS将被用来实现页面的美观和样式丰富性,比如背景颜色、边框样式、动画效果以及响应式设计,确保网页在不同设备上都能良好展示。 JavaScript是网页的动态编程语言,它允许网页与用户进行交互,...

    漂亮的网上电子商城网站-50个静态页面-html+javascript

    漂亮的网上电子商城网站-50个静态页面-html+javascript

    javascript经典特效---滚动条的彩色显示.rar

    在这个示例中,我们创建了一个自定义的滚动条,通过JavaScript监听滚动事件并更新滚动条thumb的位置和高度,实现了彩色滚动条的效果。 总结来说,JavaScript实现彩色滚动条特效主要涉及CSS3的滚动条样式以及...

    vue使用keep-alive切换页面,2种方法实现页面保持滚动位置.zip

    在Vue.js应用中,我们经常需要使用路由进行页面间的切换,但默认情况下,当用户从一个页面切换到另一个页面时,之前的页面状态会被重置,包括滚动位置。为了解决这个问题,Vue提供了一个名为`keep-alive`的组件,它...

    javascript 美化滚动条 可自定义图片

    在网页设计中,滚动条是用户浏览长内容时不可或缺的一部分。然而,浏览器默认的滚动条样式通常比较单调,无法与网站的整体设计风格相融合。为了提升用户体验和网站美观度,开发者常常利用JavaScript来美化滚动条,使...

    vue利用 vue-animate-number插件动态展示数字(从0动态滚动到指定数字).docx

    摘要:本文将介绍如何使用 vue-animate-number 插件在 Vue 项目中动态展示数字,从 0 动态滚动到指定数字。 一、安装 vue-animate-number 插件 ------------------------- 在使用 vue-animate-number 插件之前,...

Global site tag (gtag.js) - Google Analytics