html实用(匹配手机和背景图片等),使用bootstrap3实现
1.匹配手机窗体
11.实现展示
作者：星夜欢宇
2.背景图片 且 匹配窗体
3.居中显示
4.文本颜色变更
style="color: rgb(255, 62, 155);"
这里举例的是橘红色
附赠调色板一个
这里举例的是加群的 可以加在所有的两边 缺点是文字颜色会变蓝
可以在超链接中添加颜色属性例如:
6.事件的获取 及 展示
$(function(){
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
// 获取已激活的标签页的名称
var activeTab = $(e.target).text();
// 获取前一个激活的标签页的名称
var previousTab = $(e.relatedTarget).text();
$(".active-tab span").html(activeTab);
$(".previous-tab span").html(previousTab);
});
});
激活的标签页：
前一个激活的标签页：
这里例举的是网易云音乐的外链 将宽高显示设置为0 即可隐藏 问题是:手机默认播放 电脑不默认播放 且容易受到网易云音乐官方的影响
下面这个都是原本的:
8.bootstrap3
| 超小设备手机（<768px） | 小型设备平板电脑（≥768px） |
|---|---|
| .col-xs- | .col-sm- |
| 中型设备台式电脑（≥992px） | 大型设备台式电脑（≥1200px） |
|---|---|
| .col-md- | .col-lg- |
匹配手机例如: class="col-xs-12"
9.底部 一直在底部显示 需要刚好三个换行
10.意见反馈
这里使用的是邮我 宽设置110px,一个图片一个超链接
点进去可以看到我做的页面,这里做的是匹配手机的页面
x.xyecy.cn
因为全都写在了html里面,有需要的话,在示例网页里面,按下F12,可以看到源码
作者：星夜欢宇
相关文章
Diana
2020-03-31
Talia
2020-10-15
Efia
2020-11-23
Fidelia
2021-03-30
Phaedra
2020-04-05
Xenia
2023-05-12
Psyche
2023-05-12
Crystal
2023-05-13
Lana
2023-05-13
Faith
2023-05-13
Kara
2023-05-15
Oria
2023-05-18
Tani
2023-07-10
Diane
2023-07-10
Fawn
2023-07-17
Kalika
2023-07-20
Tricia
2023-07-20
Zada
2023-07-20