jQuery简单列表显示效果

最新推荐文章于 2022-08-07 22:26:50 发布

凌风少年z

最新推荐文章于 2022-08-07 22:26:50 发布

阅读量375

点赞数

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

本文链接：https://blog.csdn.net/weixin_45496075/article/details/105731874

版权

最近学习了jQuery，做一个jQuery简单列表显示效果，在此之前，需要有一定的html和css基础，还有一定的JavaScript基础
工具：WebStrom
前提：下载好jQuery库并引入项目中
大概目录：
在这里插入图片描述
然后新建html：
先上代码：图片自己随便引入

<!DOCTYPE html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
            font-size: 18px;
        }

        ul {
            list-style: none;
        }

        /*取消a标签的下划线*/
        a {
            text-decoration: none;
        }

        /*overflow:设置当内容溢出的状态*/
        .div {
            width: 350px;
            height: 300px;
            margin: 100px auto 0;
            border: 2px solid deepskyblue;
            overflow: hidden;
        }

        #one,

最低0.47元/天解锁文章

凌风少年z

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery简单列表显示效果

最近学习了jQuery，做一个jQuery简单列表显示效果，在此之前，需要有一定的html和css基础，还有一定的JavaScript基础工具：WebStrom前提：下载好jQuery库并引入项目中大概目录：然后新建html：先上代码：图片自己随便引入<!DOCTYPE html><head lang="en"> <meta charset="...
复制链接

扫一扫

专栏目录