看看午夜风格的代码着色效果出不出来
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<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';
}
</script>
出不来
<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文件 黑黑又在试验新内容，辛苦了{:4_187:} 看看老黑在试验 加林森 发表于 2022-3-24 12:18
看看老黑在试验
不出来，依赖独立样式文件 红影 发表于 2022-3-24 08:38
黑黑又在试验新内容，辛苦了
不是什么新内容，我就是想演示代码时能有常规的高亮个风格，看看论坛是否支持。独立网站是可以的。 马黑黑 发表于 2022-3-24 12:19
不出来，依赖独立样式文件
哦，这样的啊？ 本帖最后由 加林森 于 2022-3-24 13:19 编辑 <br /><br />
<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';}</script>
出不来呢？烧脑~~~~~~~~~~~~~~~ 加林森 发表于 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文件也是无 ...
哦，这样的啊。 <ol align="left" style="box-sizing: border-box; list-style-position: initial; list-style-image: initial; color: rgb(92, 92, 92); font-family: Consolas, "Courier New", Courier, mono, serif; white-space: pre; margin-left: 45px !important;"><li align="left" class="alt" style="box-sizing: border-box; background-color: rgb(248, 248, 248); list-style: outside decimal-leading-zero; border-left: 3px solid rgb(108, 226, 108); line-height: 18px; padding-right: 3px !important; padding-left: 10px !important; margin-left: 0px !important;"><span style="box-sizing: border-box;"><span class="hljs-tag" style="box-sizing: border-box;"><<span class="hljs-name" style="box-sizing: border-box; color: rgb(228, 86, 73);">style</span>></span><span class="css" style="box-sizing: border-box;"></span></span></li><li align="left" class="" style="box-sizing: border-box; list-style: outside decimal-leading-zero; border-left: 3px solid rgb(108, 226, 108); line-height: 18px; padding-right: 3px !important; padding-left: 10px !important; margin-left: 0px !important;"><span style="box-sizing: border-box;"><span class="hljs-selector-id" style="box-sizing: border-box; color: rgb(64, 120, 242);">#outer</span> {</span></li><li align="left" class="alt" style="box-sizing: border-box; background-color: rgb(248, 248, 248); list-style: outside decimal-leading-zero; border-left: 3px solid rgb(108, 226, 108); line-height: 18px; padding-right: 3px !important; padding-left: 10px !important; margin-left: 0px !important;"><span style="box-sizing: border-box;"> <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(80, 161, 79);">margin</span>: auto;</span></li><li align="left" class="" style="box-sizing: border-box; list-style: outside decimal-leading-zero; border-left: 3px solid rgb(108, 226, 108); line-height: 18px; padding-right: 3px !important; padding-left: 10px !important; margin-left: 0px !important;"><span style="box-sizing: border-box;"> <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(80, 161, 79);">width</span>: <span class="hljs-number" style="box-sizing: border-box; color: rgb(152, 104, 1);">40%</span>;</span></li><li align="left" class="alt" style="box-sizing: border-box; background-color: rgb(248, 248, 248); list-style: outside decimal-leading-zero; border-left: 3px solid rgb(108, 226, 108); line-height: 18px; padding-right: 3px !important; padding-left: 10px !important; margin-left: 0px !important;"><span style="box-sizing: border-box;"> <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(80, 161, 79);">height</span>: <span class="hljs-number" style="box-sizing: border-box; color: rgb(152, 104, 1);">300px</span>;</span></li><li align="left" class="" style="box-sizing: border-box; list-style: outside decimal-leading-zero; border-left: 3px solid rgb(108, 226, 108); line-height: 18px; padding-right: 3px !important; padding-left: 10px !important; margin-left: 0px !important;"><span style="box-sizing: border-box;"> <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(80, 161, 79);">border</span>: <span class="hljs-number" style="box-sizing: border-box; color: rgb(152, 104, 1);">1px</span> solid;</span></li><li align="left" class="alt" style="box-sizing: border-box; background-color: rgb(248, 248, 248); list-style: outside decimal-leading-zero; border-left: 3px solid rgb(108, 226, 108); line-height: 18px; padding-right: 3px !important; padding-left: 10px !important; margin-left: 0px !important;"><span style="box-sizing: border-box;">}</span></li><li align="left" class="" style="box-sizing: border-box; list-style: outside decimal-leading-zero; border-left: 3px solid rgb(108, 226, 108); line-height: 18px; padding-right: 3px !important; padding-left: 10px !important; margin-left: 0px !important;"><span style="box-sizing: border-box;"><span class="hljs-selector-id" style="box-sizing: border-box; color: rgb(64, 120, 242);">#inner</span> {</span></li><li align="left" class="alt" style="box-sizing: border-box; background-color: rgb(248, 248, 248); list-style: outside decimal-leading-zero; border-left: 3px solid rgb(108, 226, 108); line-height: 18px; padding-right: 3px !important; padding-left: 10px !important; margin-left: 0px !important;"><span style="box-sizing: border-box;"> <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(80, 161, 79);">width</span>: <span class="hljs-number" style="box-sizing: border-box; color: rgb(152, 104, 1);">30%</span>;</span></li><li align="left" class="" style="box-sizing: border-box; list-style: outside decimal-leading-zero; border-left: 3px solid rgb(108, 226, 108); line-height: 18px; padding-right: 3px !important; padding-left: 10px !important; margin-left: 0px !important;"><span style="box-sizing: border-box;"> <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(80, 161, 79);">height</span>: <span class="hljs-number" style="box-sizing: border-box; color: rgb(152, 104, 1);">100%</span>;</span></li><li align="left" class="alt" style="box-sizing: border-box; background-color: rgb(248, 248, 248); list-style: outside decimal-leading-zero; border-left: 3px solid rgb(108, 226, 108); line-height: 18px; padding-right: 3px !important; padding-left: 10px !important; margin-left: 0px !important;"><span style="box-sizing: border-box;"> <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(80, 161, 79);">border</span>: <span class="hljs-number" style="box-sizing: border-box; color: rgb(152, 104, 1);">1px</span> solid;</span></li><li align="left" class="" style="box-sizing: border-box; list-style: outside decimal-leading-zero; border-left: 3px solid rgb(108, 226, 108); line-height: 18px; padding-right: 3px !important; padding-left: 10px !important; margin-left: 0px !important;"><span style="box-sizing: border-box;">}</span></li><li align="left" class="alt" style="box-sizing: border-box; background-color: rgb(248, 248, 248); list-style: outside decimal-leading-zero; border-left: 3px solid rgb(108, 226, 108); line-height: 18px; padding-right: 3px !important; padding-left: 10px !important; margin-left: 0px !important;"><span style="box-sizing: border-box;"></span><span class="hljs-tag" style="box-sizing: border-box;"></<span class="hljs-name" style="box-sizing: border-box; color: rgb(228, 86, 73);">style</span>></span></li></ol> 马黑黑 发表于 2022-3-24 12:20
不是什么新内容，我就是想演示代码时能有常规的高亮个风格，看看论坛是否支持。独立网站是可以的。
嗯，效果没出来。 继续等待~~~~~~~~~~~ 这么黑 绿叶清舟 发表于 2022-3-24 21:31
这么黑
黑底的代码编辑器风格全世界流行
页:
[1]
2