guoweishuai123的博客_js和jq实例_51CTO博客

鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

短视频免费课程课程排行直播课软考学堂

全部课程厂商认证 IT技术 24年11月软考 PMP项目管理免费题库

在线学习

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

51CTO博客

首页
关注
排行榜
精品课程
免费直播
软考题库

科目全、试题精、讲解专业，扫码免费刷

搜索历史清空

热门搜索

查看【】的结果
写文章
创作中心
登录注册

# js和jq实例

选项卡包选项卡（传参）（无动画版）

一、效果图。二、HTML+CSS。<style>*{ padding:0; margin:0; font-size:12px;}li{list-style:none;}a{ text-decoration:none;}.clear:after{content:'';display:block;clear:both;}.clear{zoom:1;}.box{ width:958px; b

选项卡

原创 2014-11-04 17:14:14 692 阅读

DOM操作--自动生成100个li（变色版）

一、效果图。二、HTML+CSS代码。<style>.box{ width:800px; margin:90px auto;}.btn{ padding:5px 10px; color:#fff; background:#ff6600; cursor:pointer; font-size:16px; border-radius:5px;}.list{ position:relative

DOM

自动生成100个li

原创 2014-10-21 14:45:38 1848 阅读

innerHTML应用--自动生成一个V字形（高级版）

一、效果图按钮可以多次点击。二、HTML+CSS代码。<style>.box{ width:800px; margin:90px auto;}.btn{ padding:5px 10px; color:#fff; background:#ff6600; cursor:pointer; font-size:16px; border-radius:5px;}.list{ position:

js

自动生成v字型

原创 2014-10-21 14:37:37 1775 阅读

innerHTML应用--自动生成一个V字形

一、效果图。二、HTML+CSS代码。<style>.box{ width:800px; margin:90px auto;}.btn{ padding:5px 10px; color:#fff; background:#ff6600; cursor:pointer; font-size:16px; border-radius:5px;}.list{ position:relative

自动生成一个V字形

原创 2014-10-20 16:39:13 873 阅读

this应用--多元素显示隐藏

一、效果图。二、HTML+CSS代码。<style>.box{ width:600px; margin:90px auto;}.game_list li{ width:72px; height:72px; position:relative; float:left; margin-left:20px; cursor:pointer; overflow:visible; margin-b

this

多元素显示隐藏

原创 2014-10-16 15:30:14 438 阅读

数组应用--图片切换

一、效果图。二、HTML+CSS代码。<style>.box1{width:800px; margin:30px auto; text-align:center;}.box1 input{ margin:0 5px; padding:5px 8px; background:#ff6600; cursor:pointer; color:#fff; border-radius:5px; f

图片切换

数组应用

原创 2014-10-16 13:44:50 356 阅读

innerHTML应用模拟手机短信发送

一、效果图。二、HTML+CSS样式。<style>.box{ width:500px; margin:90px auto;}.wrad_box{ width:320px; height:400px; border:1px solid #000; padding:20px; margin-bottom:20px; overflow:auto; }.img{ width:30

innerHTML

模拟手机短信发送

原创 2014-10-16 13:32:21 785 阅读