切换风格

默认晚霞 雪山 粉色心情 伦敦 花卉 绿野仙踪 加州 白云 星空 薰衣草 城市 简约黑色 简约米色 龙珠
回复 0

3771

主题

3772

帖子

1万

积分

论坛元老

Rank: 8Rank: 8

积分
12585
春节灯笼挂件Html+Css实现+点击页面出现文字,给自己的网站加个灯笼吧[复制链接]
发表于 2023-5-8 20:54:42 | 显示全部楼层 |阅读模式
马上春节了呢,各位葫芦丝们有没有想过在自己博客挂个灯笼呢???

    这是html的代码:

    <!--灯笼1-->

    <divclass="deng-box">

    <divclass="deng">

    <divclass="xian"></div>

    <divclass="deng-a">

    <divclass="deng-b"><divclass="deng-t">节</div></div>

    </div>

    <divclass="shuishui-a"><divclass="shui-c"></div><divclass="shui-b"></div></div>

    </div>

    </div>

    <!--灯笼2-->

    <divclass="deng-box1">

    <divclass="deng">

    <divclass="xian"></div>

    <divclass="deng-a">

    <divclass="deng-b"><divclass="deng-t">春</div></div>

    </div>

    <divclass="shuishui-a"><divclass="shui-c"></div><divclass="shui-b"></div></div>

    </div>

    </div>

    js的代码在7楼

    图二中下面划横线的代码是弹出的文字[玫瑰]

    第一次点击弹出唱

    第二次点击弹出跳

    第三次点击弹出Rap

    第四次点击弹出篮球

    第五次点击弹出Music

    第六次点击弹出666

    第七次点击弹出唱

    第八次……

    以此类推

    源码(HTML+CSS)

20544308030[下载].rar

205442kt2d0ada37x7idc8.jpg
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|不懂 ( 粤ICP备14042591号-1 )|网站地图

GMT+8, 2024-11-22 09:25 , Processed in 0.091220 second(s), 32 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

返回顶部