jsp动态加载 图片实现左右滚动效果

最新推荐文章于 2022-03-02 08:49:58 发布
最新推荐文章于 2022-03-02 08:49:58 发布
阅读量7.7k 收藏 3
点赞数 1
文章标签： jsp 图片 html 动态 滚动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gaomj1988/article/details/39028749
版权
<%@page language="java" pageEncoding="UTF-8"%>
<%@page import="java.util.Arrays"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
    </head>
    <body>
     
                <div style="widows:100%;height:400px;">
                 <marquee behavior="alternate"  scrollAmount=4  οnmοusemοve="this.stop();" οnmοuseοut="this.start()"height="230px;" >
                    <table>
                        <tr>
                            <%
                                String projectName = (String) request.getAttribute("projectName");
                                String projectId = (String) request.getAttribute("projectId");
                                String urls = (String) request.getAttribute("urls");
                                if (urls != null) {
                                    String[] urls_ = urls.split(",");
                                    for (int i = 0; i < urls_.length; i++) {
                            %>
                            <td>
                                <a href="#" οnclick=""><img class="inner1Class"
                                        src="<%=request.getContextPath()%><%=urls_[i]%>" border="0"  />
                                </a>
                            </td>
                            <%
                                }
                            %>
                        </tr>
                        <tr>
                            <%
                                for (int i = 0; i < urls_.length; i++) {
                            %>
                            <td align="center">
                                <%=projectName%></td>
                            <%
                                }
                            %>
                        </tr>
                        <%
                            } else {
                        %>
                        <td class="inner1Class" align="center">
                            <a href="#" οnclick="">暂无图片</a>
                        </td>
                        <%
                            }
                        %>
                    </table>
                </div>
             
        <script>
             
                $('#outer').css('height',centerImagePanel.getHeight()-10);
                $('.inner1Class').css('height',centerImagePanel.getHeight()-40);
        </script>
    </body>
</html>
简单类型
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jsp页面简单轮播效果
wychppp的博客
05-03 2258
图片会自动播放，鼠标移到图片下方标签位置时会转到标签对应的图片并不动，同时标签变色。 photo.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request
关于手机jsp页面的左右滚动的问题
u013558123的博客
10-20 1250
最近开发的项目里面，有很多jsp页面，需要运行在手机里面，页面功能样式都调整好，测试的时候发现一个问题，左右能滑动，然后就在标签里面加上了overflow-y: scroll;overflow-x: hidden;阻止左右的滑动，测试了下，还是老样子。左右能滑动，原来遇到过类似的问题，这句代码能解决的啊。然后就没有思路了。折磨了一个多小时，反复的检查页面，都没问题啊 。终于想起全面查看css 文件
关于jsp滚动效果的底部实现
文生同学
01-25 1158
前言：方法有很多种，今天主要是介绍通过底层的代码实现效果 方法1、可以使用&lt;marquee&gt;想要滚动的内容（可以是图片，文字等等）&lt;/marquee&gt; 方法2、通过底层代码实现 1）首先我们在jsp页面写好需要滚动的内容 &lt;body&gt; &lt;div id="demo" &gt; &lt;img src="&lt;%=request.
Html,jsp页面滚动图片效果
u013754950的专栏
12-08 7145
虹桥推荐商户 更多 if(shopServiceShaList!=null && shopServiceShaList.size()>0){ int shopVOCount = 0; for(ShopVO shopVO : shopServiceShaList){ if(shopVO!=null && shopVOCount shopVOCount++; %>
marquee---jsp中的滚动字幕标记
cx136295988的博客
06-02 2439
下面这段代码就是上面例子的代码了，记得粘贴的时候是要选中“显示源代码”这个选项的哦。                         onMouseOut=go1.start() scrollamount=2 scrolldelay=150                         direction=up>Hi，你好，祝你新年快乐!!天天有个好心情!!!         
JS轮播图（左右箭头切换、按钮切换、自动轮播）
是陈哈哈噢
03-02 2092
JS轮播图（左右箭头切换、按钮切换、自动轮播）
jsp中为表格添加水平滚动条的实现方法
01-08
答案就是会出现挤压的效果，横向并不会出现滚动条 查看网上的教程，很多人都说将什么父div设置100%，table添加scrool属性均不可 这里，解决的方法很简单，设置标签的属性即可，让其不要自动换行 $(document).ready...
jsp滚动图片小例子
03-05
【标题】"jsp滚动图片小例子"涉及到的是在JavaServer Pages (JSP) 中实现动态图片轮播的技术。JSP是一种基于Java的服务器端脚本语言，常用于创建动态网页内容，包括展示图像、视频等多媒体元素。在这个特定的例子中...
jsp中为表格添加水平滚动条的方法
10-21
以下是一个详细的步骤来解释如何在jsp中为表格添加水平滚动条。 1. **HTML表格基础**： 首先，我们需要创建一个基本的HTML表格。表格由`<table>`标签定义，`<tr>`标签用于创建行，`<th>`用于定义表头，而`<td>`...
CSS.zip_jsp 滚动_滚动
09-24
总之，"CSS.zip_jsp 滚动_滚动"的示例旨在教你如何利用CSS来美化JSP页面中的滚动条，提升网页的视觉效果和用户体验。通过学习和实践这些CSS技巧，你可以创造出更符合品牌设计规范的个性化滚动条。
jsp图片轮播html
07-16
jsp 生成的html5图片轮播，已测试。支持图片预览
javascript简单实现图片预加载
12-09
在实际应用中，可以根据需要调整预加载的图片数量和类型，例如只预加载首屏内容的图片，或者根据用户的浏览行为动态预加载更多图片。同时，也可以结合其他优化技术，如CSS精灵、懒加载等，进一步提升页面性能。 总...
如何用JS实现轮播图！
Wsh20210301的博客
04-20 1692
轮播图 1.思路与写法 1.1 首先我们拿到一个关于轮播图的实例我们要分析里面的功能，将其模块化处理； 1.2 首先需要实现的是自动轮播的效果： 1.2.1需要用到运动函数框架，startMove()，还需要用到定时器，这里我们用的是多次调用的延时定时器达到效果； 1.2.2对dom元素的操作，获取它的样式； 1.3其次实现上下按钮实现上一页和下一页的切换，对其绑定鼠标点击事件，同时需要获取该元素的节点； 1.4最后实现底部的小圆圈的固定切换，需要对其绑定鼠标点击事件，这里用到获取该元素的节点，利用排他思想
JavaScript实现网页轮播图
lrelia1的博客
11-22 3256
基础简单js实现轮播图功能效果
.jsp之无限滚动
高精尖发展
05-31 918
前言： 最近在做我们自己的官网，这话已经说过几遍了吧，嘻嘻，前几天研究一下无限滚动：当用户划过内容时，更多的内容将自动加载进来，无限滚动提供了一个高效的方式去流量海量信息，而不需要等待页面加载；通俗的来说通过滚动滚动条来显示新的内容。 正文： 上正文：这块网上的资料还是挺多的，所以这篇要尽量写全、通俗易懂 js大神们已经把这个方法封装好并且无私地放到网上供大家使用，使用咱们要做
JavaScript案例——图片的轮播效果、动态生成表格、下拉框左右选择以及动画效果
疯纸的博客
10-13 1310
图片轮播、动态生成表格、下拉框左右选择以及动画效果的整理
jsp页面、图片轮播
热门推荐
sshbaibai的博客
07-31 1万+
&lt;%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8"%&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dt
jsp里面嵌入JavaScript
yueping2的专栏
11-23 936
 努力了一天再加一天，就写个脚本还是不行。怎么办。 下面的代码有错的，执行不了。暂时还没有发现MyEclipse里面如何来单步调试，就像在vs2005里面可以按住F10来调试，看出自己的那个语句写错了，而在里只能够自己检查，查了多少遍了也还是没有能够发现有什么错的。代码摘录如下：function check(){      var iCount=0;       var chblist=d
jsp中如何给文本框添加滚动效果输入更多的字
最新发布
06-11
在JSP页面中，可以通过使用HTML的`<textarea>`标签和CSS样式来实现给文本框添加滚动效果的效果。以下是一个示例代码： ``` <!DOCTYPE html> /* 设置文本框的高度和宽度 */ textarea { width: 300px; height...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值