看看午夜风格的代码着色效果出不出来

马黑黑

[size=1em]1 [size=1em]2 [size=1em]3 [size=1em]4 [size=1em]5 [size=1em]6 [size=1em]7 [size=1em]8 [size=1em]9 [size=1em]10 [size=1em]11 [size=1em]12 [size=1em]13 [size=1em]14 [size=1em]15 [size=1em]16 [size=1em]17

[size=1em][size=1em]<script> [size=1em]function fly(id) { [size=1em]/* 动态创建文本走马灯：左右向左 [size=1em]    id参数:  元素的 id 名称 [size=1em]*/ [size=1em]    var ziFly = document.getElementById(id, far); //元素操作权柄 [size=1em]    var width = ziFly.clientWidth; //获得元素宽度 [size=1em]    var style = document.createElement('style'); //创建 style 元素 [size=1em]    style.type = 'text/css'; //元素类型 [size=1em]    var flyStr = '@keyframes fly { from {}  to { left: -' + width + 'px; } }'; [size=1em]    style.innerHTML = flyStr; [size=1em]    ziFly.appendChild(style); [size=1em]    ziFly.style.animation = 'fly 40s linear infinite'; [size=1em]} [size=1em]</script> [size=1em]

马黑黑

出不来

马黑黑

<script>function fly(id) {/* 动态创建文本走马灯：左右向左    id参数:  元素的 id 名称*/        var ziFly = document.getElementById(id, far); //元素操作权柄        var width = ziFly.clientWidth; //获得元素宽度        var style = document.createElement('style'); //创建 style 元素        style.type = 'text/css'; //元素类型        var flyStr = '@keyframes fly { from {}  to { left: -' + width + 'px; } }';        style.innerHTML = flyStr;        ziFly.appendChild(style);        ziFly.style.animation = 'fly 40s linear infinite';}

马黑黑

都不行

马黑黑

需要关联 CSS 文件甚至JS文件

红影

黑黑又在试验新内容，辛苦了

加林森

看看老黑在试验

马黑黑

加林森 发表于 2022-3-24 12:18
看看老黑在试验

不出来，依赖独立样式文件

马黑黑

红影 发表于 2022-3-24 08:38
黑黑又在试验新内容，辛苦了

不是什么新内容，我就是想演示代码时能有常规的高亮个风格，看看论坛是否支持。独立网站是可以的。

加林森

马黑黑 发表于 2022-3-24 12:19
不出来，依赖独立样式文件

哦，这样的啊？

加林森

出不来呢？烧脑~~~~~~~~~~~~~~~

马黑黑

加林森 发表于 2022-3-24 13:17
本帖最后由 加林森 于 2022-3-24 13:19 编辑
function fly(id) {/* 动态创建文本走马灯：左右向左    id ...

木有办法哦

加林森

马黑黑 发表于 2022-3-24 13:22
木有办法哦

是论坛限制了吧

马黑黑

加林森 发表于 2022-3-24 13:26
是论坛限制了吧

论坛程序禁止引用外部CSS和JS文件，引用了无效。帖子里，即便是引用论坛所在虚拟空间的CSS和JS文件也是无效的，图片可以。

加林森

马黑黑 发表于 2022-3-24 13:31
论坛程序禁止引用外部CSS和JS文件，引用了无效。帖子里，即便是引用论坛所在虚拟空间的CSS和JS文件也是无 ...

哦，这样的啊。

马黑黑

1. <style>
2. #outer {
3.  margin: auto;
4.  width: 40%;
5.  height: 300px;
6.  border: 1px solid;
7. }
8. #inner {
9.  width: 30%;
10.  height: 100%;
11.  border: 1px solid;
12. }
13. </style>

红影

马黑黑 发表于 2022-3-24 12:20
不是什么新内容，我就是想演示代码时能有常规的高亮个风格，看看论坛是否支持。独立网站是可以的。

嗯，效果没出来。

加林森

继续等待~~~~~~~~~~~

绿叶清舟

这么黑

马黑黑

绿叶清舟 发表于 2022-3-24 21:31
这么黑

黑底的代码编辑器风格全世界流行