jQuery实现广告图片轮播

最新推荐文章于 2024-07-28 20:27:10 发布

大雄先生

最新推荐文章于 2024-07-28 20:27:10 发布

阅读量795

点赞数 2

文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/x1785551/article/details/122165285

版权

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title> 广告图片轮播切换</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="adver">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
    </ul>
    <div class="arrowLeft"><</div><div class="arrowRight">></div>
</div>
</body>
<script src="js/jquery-1.12.4.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".adver").mouseover(function(){
			$(".arrowLeft").show();
			$(".arrowRight").show();
		}).mouseout(function(){
			$(".arrowLeft").hide();

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

大雄先生

关注关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
jQuery实现广告图片轮播

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title> 广告图片轮播切换</title> <link rel="stylesheet" href="css/style.css"></head><body><div class="adver"> <ul>.
复制链接

扫一扫