马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有账号？立即注册
×
本帖最后由 平淡 于 2026-5-10 14:09 编辑
自用Via浏览器代码
HTML代码
<br></a></script><!--上搜索栏一言--><script src="https://widget.qweather.net/standard/static/js/he-standard-common.js?v=2.0"></script><script type="text/javascript">var xhr = new XMLHttpRequest();xhr.open('get', 'https://v1.jinrishici.com/all.txt');xhr.onreadystatechange = function () {if (xhr.readyState === 4) {var gushici = document.getElementsByTagName("title")[0];gushici.innerText = xhr.responseText;}};xhr.send();</script><script type="text/javascript">var s = false;var t =document.getElementsByTagName("title")[0];if(s){t.innerHTML = str[0]+str[1];}else{t.innerHTML = str[0];}</script><!--搜索栏一句--><script>setTimeout("document.getElementById('search_input').setAttribute('placeholder', '✎... 偷得浮生半日闲～')", 100);</script></body>
</html>
<!DOCTYPE html>
<span style="color if bp(dvibrant,storage/emulated/0/Android/data/mark.via/files/content/bg.jpg)=null,73575c#$"><div align="left"><div style="text-indent:0em"><html>
<head>
<meta charset="UTF-8">
<title>时钟特效</title>
</head>
<script type="text/javascript">
function disptime(){
var today=new Date();
var hh=today.getHours();
var mm=today.getMinutes();
document.getElementById("myclock").innerHTML="<h2> ︱"+hh+":"+mm+"</h2>"
}
//setInterval（）方法可以按照指定的周期调用函数或计算表达式
var mytime = setInterval("disptime()",900);
</script>
<body onload="disptime()">
<div id="myclock"></div>
</body>
</div></div></span>
</html>
<a class="logo" href="folder://"><h2 id='logo'style="margin-bottom:15px;">ColorOS</h2>
</img>
<a></a></script></body></html><!--主页全屏飘雪--><script type="text/javascript" language="javascript">(function(){function k(a,b,c){if(a.addEventListener)a.addEventListener(b,c,false);else a.attachEvent&&a.attachEvent("on"+b,c)}function g(a){if(typeof window.onload!="function")window.onload=a;else{var b=window.onload;window.onload=function(){b();a()}}}function h(){var a={};for(type in{Top:"",Left:""}){var b=type=="Top"?"Y":"X";if(typeof window["page"+b+"Offset"]!="undefined")a[type.toLowerCase()]=window["page"+b+"Offset"];else{b=document.documentElement.clientHeight?document.documentElement:document.body; a[type.toLowerCase()]=b["scroll"+type]}}return a}function l(){var a=document.body,b;if(window.innerHeight)b=window.innerHeight;else if(a.parentElement.clientHeight)b=a.parentElement.clientHeight;else if(a&&a.clientHeight)b=a.clientHeight;return b}function i(a){this.parent=document.body;this.createEl(this.parent,a);this.size=Math.random()*5+5;this.el.style.width=Math.round(this.size)+"px";this.el.style.height=Math.round(this.size)+"px";this.maxLeft=document.body.offsetWidth-this.size;this.maxTop=document.body.offsetHeight- this.size;this.left=Math.random()*this.maxLeft;this.top=h().top+1;this.angle=1.4+0.2*Math.random();this.minAngle=1.4;this.maxAngle=1.6;this.angleDelta=0.01*Math.random();this.speed=2+Math.random()}var j=false;g(function(){j=true});var f=true;window.createSnow=function(a,b){if(j){var c=[],m=setInterval(function(){f&&b>c.length&&Math.random()<b*0.0025&&c.push(new i(a));!f&&!c.length&&clearInterval(m);for(var e=h().top,n=l(),d=c.length-1;d>=0;d--)if(c[d])if(c[d].top<e||c[d].top+c[d].size+1>e+n){c[d].remove(); c[d]=null;c.splice(d,1)}else{c[d].move();c[d].draw()}},40);k(window,"scroll",function(){for(var e=c.length-1;e>=0;e--)c[e].draw()})}else g(function(){createSnow(a,b)})};window.removeSnow=function(){f=false};i.prototype={createEl:function(a,b){this.el=document.createElement("img");this.el.setAttribute("src",b+"http://mimg.127.net/hxm/quan/hd/111207_sdj/style/img/snow.gif");this.el.style.position="absolute";this.el.style.display="block";this.el.style.zIndex="99999";this.parent.appendChild(this.el)},move:function(){if(this.angle< this.minAngle||this.angle>this.maxAngle)this.angleDelta=-this.angleDelta;this.angle+=this.angleDelta;this.left+=this.speed*Math.cos(this.angle*Math.PI);this.top-=this.speed*Math.sin(this.angle*Math.PI);if(this.left<0)this.left=this.maxLeft;else if(this.left>this.maxLeft)this.left=0},draw:function(){this.el.style.top=Math.round(this.top)+"px";this.el.style.left=Math.round(this.left)+"px"},remove:function(){this.parent.removeChild(this.el);this.parent=this.el=null}}})();createSnow("", 80); </script></a>
css代码
#logo {
text-align: center;
background: -webkit-linear-gradient(left,#2196F3 ,#E91E63 25%, #2196F3 50%, #E91E63 75%, #2196F3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-size: 200% 100%;
-webkit-animation: hi2 1s,runs 3s infinite linear;
}
@-webkit-keyframes runs {
0% {
background-position: 0 0;
}
100% {
background-position: -100% 0;
}
}
@-webkit-keyframes hi1 {
0% {
width:0px;border-radius:99px;opacity:0;
}
100% {
}
}
@-webkit-keyframes hi2 {
0% {
opacity:0;padding-top:20px;
}
100% {
}
}
body { background-position:top center; background-size: 100% auto; } /* 展示内容整体 */
#content { position: fixed; /* top可以调节显示内容距离手机顶部的距离 */ top: 100px; } /* 搜索框 */ .search_bar { /* 阴影效果 */ box-shadow: 0 0 18px rgba(70,70,40,0.255); /* 模糊效果 */ backdrop-filter: blur(5px); /* 背景色 */ background-color: rgba(255,255,255,.100); /* 圆角 */ border-radius: 10px; display: table; /* 宽度 */ width: 88%; /* 高度 */ height: 30px; max-width: 400px; margin: 10px auto; text-align:center; font-size:30px; border:0; outline:none; font-weight:560; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; animation:search-bar 1s; } /* 搜索框的动画 */ @keyframes search-bar { 0% {max-width: 100px;} 100% {max-width: 400px;} }
/* 用于设置搜索时的词条联想框
*/.opSug_wpr {
border-radius:15px 15px 15px 15px;
border:0 none !important;
border-top:0 solid transparent !important;
background: rgba(255,255,255,0.2) !important;
backdrop-filter: blur(15px);
transform: translate(6%,-3px);
width:79.9% !important;
}
/* 收纳所有收藏卡片的容器 */
#box_container {
width: 80%;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
animation:box-container 1s;
}
/* 单个收藏卡片（包括图标和文字区域） */
.box{
margin:0;
width:9.8%
}
/* 单个收藏卡片的图标区域 */
.title{
box-shadow: 0 0 0px rgba(70,70,40,0.255);
background-color: rgba(255,255,255,.100);
}
/* 用于设置卡片之间的间距（每行的第5列除外） */
#box_container>.box:not(:nth-child(5n)){
margin:0 10.65% 0 0;
}
#content{top:190px;}
.via-reader-header>h1{
font-size:6vw;
}
.via-reader-header>div{
font-size:4vw;
}
#readability-page-1{
font-size:4vw;
}
不太会用这个，效果图如下： |
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
