lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
15楼#
发布于:2021-06-28 13:05
使用了 jQuery?
1. 去掉最左侧的2个>>和最右侧的翻页、夜间分别使用下面两行
$('.con_top').contents().slice(-6, -2).remove();
$('#page_set').contents().slice(-4).remove();
2 和 3.
$('<style>').text(`
.con_top{
	background: black;
	font-size: 20px;
	color: orange;
}
[name="bcolor"], [name="scrollspeed"] {
	background: black;
	color: white;
}
`).appendTo('head');
也可以使用你的写法,只是效率没上面的高。
$('.con_top').css({
	'background': 'black', 
	'font-size': '20px', 
	'color': 'orange'
});

$('[name="bcolor"], [name="scrollspeed"]').css({
    'background': 'black', 
    'color': 'white'
});
fanta
火狐狸
火狐狸
  • UID30401
  • 注册日期2009-09-17
  • 最后登录2024-06-12
  • 发帖数236
  • 经验164枚
  • 威望0点
  • 贡献值114点
  • 好评度5点
  • 社区居民
  • 忠实会员
16楼#
发布于:2021-06-29 03:05
谢谢!!!!!!
当然必须得用你的效率高的了~~~~~~ 我只是瞎猫碰耗子这个slice好啊 虽然我不太懂这个参数 貌似是从倒数元素算起切掉 我去学习学习 hehe 都是一知半解 半迷糊状态
fanta
火狐狸
火狐狸
  • UID30401
  • 注册日期2009-09-17
  • 最后登录2024-06-12
  • 发帖数236
  • 经验164枚
  • 威望0点
  • 贡献值114点
  • 好评度5点
  • 社区居民
  • 忠实会员
17楼#
发布于:2021-06-30 08:17
lonely_8:使用了 jQuery?
1. 去掉最左侧的2个>>和最右侧的翻页、夜间分别使用下面两行
$('.con_top').contents().slice(-6, -2).remove();
$('#page_set').contents(...
回到原帖
我又来请教1个简单3个性质差不多有难度的问题了~~~ 以下面这个网页为例
https://www.biquge.biz/32_32084/16107438.html
我把网页body整体靠右显示了  position: absolute right: 0 background: black

图片:mod.jpg


1.最右侧的导航条是 灰黑底色 灰白边框,怎么改成 黑底色 黑边框,我不知道这个导航条的关键字...
2.最顶部的章节名称内容是xxx(xxxxxx), 这种尾部是(xxxxxx)类型的情况下,怎么改成 尾部是(123) 就是()里面只保留前3个汉字
因为不是每个章节名称都有(xxxxxx),所以还得加判断,不加判断的我都不会......
3.最底部代码
摸金!

    <!--over-->

</div>
每章节底部 都有很多空行 请问怎么改成一个
或者整体去掉
4.左侧是大空白,怎么加入点东西,例如日期时间,这个好像比3还麻烦是不是......
fanta
火狐狸
火狐狸
  • UID30401
  • 注册日期2009-09-17
  • 最后登录2024-06-12
  • 发帖数236
  • 经验164枚
  • 威望0点
  • 贡献值114点
  • 好评度5点
  • 社区居民
  • 忠实会员
18楼#
发布于:2021-06-30 08:21
3.最底部代码
"摸金!<br><br>&nbsp;&nbsp;&nbsp;&nbsp;<!--over--><br><br></div>"
br好像发不出来
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
19楼#
发布于:2021-06-30 14:24
1. 右边没见到导航栏
2.
$('.con_top').contents().eq(-1).each(function(i, t) {
    t.nodeValue = t.nodeValue.replace(/(([^)]{3})[^)]+(?=))/, '$1');
});
3.
for(const i of $('#content').contents().toArray().reverse()){
    if (i.nodeName === 'BR' || i.nodeType === 8 || (i.nodeType === 3 && i.nodeValue.trim() === '')) {
        i.remove()
    } else {
        break;
    }
}
4.
setInterval((e) => {
    const d = new Date();
    e.eq(0).text('星期' + '日一二三四五六'.charAt(d.getDay()));
    e.eq(1).text(`${d.getHours()}${d.getSeconds() % 2 ? ':'  : ' '}${d.getMinutes()}`.replace(/\b(?=\d\b)/g, '0'));
},
1000,
$(`<div><p><p>
<p><a href="https://www.baidu.com" target="_blank">www.baidu.com</a>
<p><a href="https://www.qidian.com" target="_blank">www.qidian.com</a>
</div>`).css({
    position: 'fixed',
    left: '50px',
    top: '50%',
    transform: 'translateY(-60%)',
    fontFamily: 'monospace',
    fontSize: '50px',
    color: 'white',
    textAlign: 'center'
}).appendTo('body').children().slice(2).css({
	fontSize: '16px',
}).parent().children());
fanta
火狐狸
火狐狸
  • UID30401
  • 注册日期2009-09-17
  • 最后登录2024-06-12
  • 发帖数236
  • 经验164枚
  • 威望0点
  • 贡献值114点
  • 好评度5点
  • 社区居民
  • 忠实会员
20楼#
发布于:2021-06-30 14:40
lonely_8:1. 右边没见到导航栏
2. $('.con_top').contents().eq(-1).each(function(i, t) {
    t.nodeValue = t.nodeValue.replace(/(([^)]{3})...
回到原帖
我表达不对,是那个滚动条,,上下翻页滚动条
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
21楼#
发布于:2021-06-30 14:56
fanta:我表达不对,是那个滚动条,,上下翻页滚动条回到原帖
修改滚动条的颜色?
FF CSS 提供修改原生滚动条的能力有限。
可以在 15 楼回答 2 的代码倒数第 1 - 2 行 中间加入
下面的代码
html {
scrollbar-color: black black;
}
如果想直接隐藏就改为
html {
scrollbar-width: none;
}
fanta
火狐狸
火狐狸
  • UID30401
  • 注册日期2009-09-17
  • 最后登录2024-06-12
  • 发帖数236
  • 经验164枚
  • 威望0点
  • 贡献值114点
  • 好评度5点
  • 社区居民
  • 忠实会员
22楼#
发布于:2021-06-30 15:18
lonely_8:修改滚动条的颜色?
FF CSS 提供修改原生滚动条的能力有限。
可以在 15 楼回答 2 的代码倒数第 1 - 2 行 中间加入
下面的代码
html {
scrollbar-color: black black;
}
如果想直接隐藏就改...
回到原帖
其实菜鸟想要学会照猫画虎画虎还是相当有难度的...接近于不可能


setInterval((e) => {
    const d = new Date();
    e.first().text('星期' + '日一二三四五六'.charAt(d.getDay()));
    e.last().text(`${d.getHours()}${d.getSeconds() % 2 ? ':'  : ' '}${d.getMinutes()}`.replace(/\b(?=\d\b)/g, '0'));
},


再帮忙 在时间下面加2个链接吧...
第一个指向 www.baidu.com

回车
第二个指向 www.qidian.com
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
23楼#
发布于:2021-06-30 15:50
fanta:其实菜鸟想要学会照猫画虎画虎还是相当有难度的...接近于不可能


setInterval((e) => {
    const d = new Date();
    e.first().text('星期' + '日一二三四五六...
回到原帖
直接在 4 楼更新了。
默认新标签打开链接,如果想在当前页面打开将代码中的  target="_blank" 删除。
字号为 16px。


找教程,从最基本的 html、css、js 学起,多练练就会了,
当初我也像你一样,一开始只想自己定制一下自己的浏览器,从模仿别人进门的。
fanta
火狐狸
火狐狸
  • UID30401
  • 注册日期2009-09-17
  • 最后登录2024-06-12
  • 发帖数236
  • 经验164枚
  • 威望0点
  • 贡献值114点
  • 好评度5点
  • 社区居民
  • 忠实会员
24楼#
发布于:2021-06-30 15:58
lonely_8:直接在 4 楼更新了。
默认新标签打开链接,如果想在当前页面打开将代码中的  target="_blank" 删除。
字号为 16px。


找教程,从最基本的 html、css、js 学起,多练练就会了,
当初我也像你一样,一...
回到原帖
谢谢,hehe 道理我是懂的,然而,但是,^_^,我去好好照猫画虎学习学习
fanta
火狐狸
火狐狸
  • UID30401
  • 注册日期2009-09-17
  • 最后登录2024-06-12
  • 发帖数236
  • 经验164枚
  • 威望0点
  • 贡献值114点
  • 好评度5点
  • 社区居民
  • 忠实会员
25楼#
发布于:2021-06-30 18:21
lonely_8:直接在 4 楼更新了。
默认新标签打开链接,如果想在当前页面打开将代码中的  target="_blank" 删除。
字号为 16px。


找教程,从最基本的 html、css、js 学起,多练练就会了,
当初我也像你一样,一...
回到原帖
    出现一个问题,我用原先的写法, 改变font-size,background,color,width ,刷新页面都可以立即生效,
    $('#content').css({ 'font-family': 'Microsoft YaHei', 'font-size':'38px', background: 'yellow', color: 'blue', width: '100%' });

    改用效率高的以后, 我测试了所有的项目,其中#content里面 只有background有效,改变其他3项 font-size color width都不起作用
    $('<style>').text(`
    #content {
        font-size: 34px;
        background: red;
        color: green;
        width: 100%;
    }
    `).appendTo('head');

    body .box_con .con_top [name="bcolor"], [name="scrollspeed"] 下面的选项都没用问题,只有#content 文章正文部分有问题,不知道什么原因?我什么地方搞错了
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
26楼#
发布于:2021-06-30 19:47
fanta:出现一个问题,我用原先的写法, 改变font-size,background,color,width ,刷新页面都可以立即生效,

    $('#content').css({ 'font-family': 'Microsoft YaHei...
回到原帖
css 选择器优先级问题。

第一种方法,是内联样式,优先级第一高,所以能覆盖网页原有样式。

#content 为 id 选择器,优先级第二高。
但网页原样式设置宽度、颜色等属性的选择器为 .box_con #content,
比第二种方法多了一个类选择器 .box_con,
所以优先级比单独的 id 选择器高,无法覆盖原样式。

解决方法就是堆高选择器的优先级,或者给要覆盖的样式属性加上 !important;。
建议使用前者:将 #content 选择器改为 #wrapper #content 。
fanta
火狐狸
火狐狸
  • UID30401
  • 注册日期2009-09-17
  • 最后登录2024-06-12
  • 发帖数236
  • 经验164枚
  • 威望0点
  • 贡献值114点
  • 好评度5点
  • 社区居民
  • 忠实会员
27楼#
发布于:2021-06-30 20:28
lonely_8:css 选择器优先级问题。

第一种方法,是内联样式,优先级第一高,所以能覆盖网页原有样式。

#content 为 id 选择器,优先级第二高。
但网页原样式设置宽度、颜色等属性的选择器为 .box_con #content, ...
回到原帖
    我测试了下
    #wrapper #content {
        color: red;
    }
    #wrapper#content {
        color: red;
    }

    都不行啊... 字体没有变成红色...
    !important;是可以的
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
28楼#
发布于:2021-06-30 21:15
fanta:我测试了下
    #wrapper #content {
        color: red;
    }
    #wrapper#content {
        color: red;
    }

    都不行啊... 字体...
回到原帖
你是使用了使用了小说网页自带的字体颜色设置吧,
这种方式的原理就是通过更改内联样式改的颜色,
你可以看到#content 元素上有 style="color:...."。
内联样式优先级最高,所以改颜色只能加 !important; 才能覆盖了。
除非你清空该网站的 cookie 重置为默认值,手动设置为默认也是不行的。
fanta
火狐狸
火狐狸
  • UID30401
  • 注册日期2009-09-17
  • 最后登录2024-06-12
  • 发帖数236
  • 经验164枚
  • 威望0点
  • 贡献值114点
  • 好评度5点
  • 社区居民
  • 忠实会员
29楼#
发布于:2021-06-30 21:34
lonely_8:你是使用了使用了小说网页自带的字体颜色设置吧,
这种方式的原理就是通过更改内联样式改的颜色,
你可以看到#content 元素上有 style="color:...."。
内联样式优先级最高,所以改颜色只能加 !important; ...
回到原帖
明白了, 我去清空了此网站的cookie, #content即可 不用加#wrapper也可以了...
确认如你所说  要是使用了小说网页自带的字体颜色设置 就不行了 得加!important;
那我把这个项目全加上!important;了

再问下,左侧添加了时间日期链接以后, 左右两侧就算是2个栏目啦,
要是我拖动浏览器边界让界面宽度变窄,左右栏目自然就会交错,
能不能修改下您的代码,
让交错的部分 实现右侧覆盖左侧,只显示右侧的内容
游客

返回顶部