jsp页面简单轮播效果

咸口红烧肉

已于 2022-05-03 10:44:35 修改

阅读量2.3k

点赞数

分类专栏： ssm 文章标签： jquery

于 2022-05-03 10:27:56 首次发布

本文链接：https://blog.csdn.net/wychppp/article/details/124551268

版权

本文介绍如何在jsp页面中创建一个自动播放且具有交互式的图片轮播效果。当鼠标悬停在图片下方的标签上时，图片会切换到对应标签的图片并暂停播放，同时高亮显示当前选中的标签。

摘要由CSDN通过智能技术生成

图片会自动播放，鼠标移到图片下方标签位置时会转到标签对应的图片并不动，同时标签变色。

photo.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keywo