CSS3.16
<style>
#back-top {
position: fixed;
bottom: 10px;
right: 5px;
z-index: 99;
}
#back-top span {
width: 50px;
height: 64px;
display: block;
background:url() no-repeat center center;
}
#back-top a{outline:none}
</style>
<script type="text/javascript">
$(function() {
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(window).scroll(function() {
if ($(this).scrollTop() > 500) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// scroll body to 0px on click
$('#back-top a').click(function() {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
<!-- 个人头像 -->
</script>
<p id="back-top" style="display:none"><a href="#top"><span></span></a></p>
<img src="https://images.cnblogs.com/cnblogs_com/iss-ue/1667407/t_200314142225ebeb438abd56d82c031caeb88011a120.jpeg?a=1584336559836" width="310px" height="210px" style="border-radius:10%">
<!-- 公告栏时钟控件 -->
<embed wmode="transparent" src="https://files.cnblogs.com/files/jingmoxukong/honehone_clock_tr.swf" quality="high" bgcolor="#FDF6E3"
width="200" height="110"
name="honehoneclock" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
<!-- 小老鼠游戏控件 -->
<div className="sidebarMouse"><object type="application/x-shockwave-flash" style="outline:none;" data="https://files.cnblogs.com/files/jingmoxukong/mouse.swf?up_bodyColor=f0e9cc&up_feetColor=D4C898&up_eyeColor=000567&up_wheelSpokeColor=DEDEDE&up_wheelColor=FFFFFF&up_waterColor=E0EFFF&up_earColor=b0c4de&up_wheelOuterColor=FF4D4D&up_snoutColor=F7F4E9&up_bgColor=F0E4E4&up_foodColor=cba920&up_wheelCenterColor=E4EB2F&up_tailColor=E6DEBE&" width="200" height="160"><param name="movie" value="https://files.cnblogs.com/files/jingmoxukong/mouse.swf?up_bodyColor=f0e9cc&up_feetColor=D4C898&up_eyeColor=000567&up_wheelSpokeColor=DEDEDE&up_wheelColor=FFFFFF&up_waterColor=E0EFFF&up_earColor=b0c4de&up_wheelOuterColor=FF4D4D&up_snoutColor=F7F4E9&up_bgColor=F0E4E4&up_foodColor=cba920&up_wheelCenterColor=E4EB2E&up_tailColor=E6DEBE&"><param name="AllowScriptAccess" value="always"><param name="wmode" value="opaque"></object></div>
这是一个普通的搜索栏(●'◡'●)
<div id="sidebar_search_new" class="mySearch">
<h1 class="catListTitle">不要质疑规则!!</h1>
<input type="text" id="zzk_q1" class="input_my_zzk_new" placeholder="Bravo Yeung">
<script src="https://files.cnblogs.com/files/wkfvawl/mouse-click.js"></script>
<canvas width="1777" height="841" style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;"></canvas>
<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("❤喜欢❤","❤MM❤","❤ACmer❤","❤集中一点❤","❤登峰造极❤","❤日月与卿❤","❤弱水三千❤","❤你独一无二❤","❤嘻嘻❤","❤我好沙雕❤","❤不对❤","❤我很聪明的!❤");
var $i = $("<span></span>").text(a[a_idx]);
a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
</script>
最新文章
- V8Sharp的中文乱码问题解决
- Learning OpenCV
- hdu 4474 Yet Another Multiple Problem
- Codeforces Round #361 (Div. 2) 套题
- scala的REPL shell的调用
- [每日一题] 11gOCP 1z0-053 :2013-09-30 ASMCMD.......................................................8
- 【July】从头到尾彻底理解KMP
- linux中tar 打包指定路径文件
- c++ new 的相关
- ls-dyna基础教程
- SpinnerViewPop【PopWindow样式(单选)、Dialog样式(单选+多选)的下拉菜单】
- Linux设置允许指定端口通过防火墙centos7
- Java Runtime.exec()的使用
- latch
- cocos2dx C++ imageView(图片/九宫格)相关属性大全
- 【springmvc】之使用jQuery接收前端传入List对象
- ASP.NET MVC:WebPageBase.cs
- 35. oracle中instr在平台上的转换用法
- 【转载】用Pwnage + Redsnow 制作完美越狱固件
- android如何改变应用程序安装后显示的图标
热门文章
- VirtualBox的四种网络连接方式【转】
- Eight HDU - 1043 (双向BFS)
- 不同目录有同名proto文件情况下,protoc生成.cc/.h
- 解决项目迁移至Kubernetes集群中的代理问题
- ubuntu16.04-交叉编译opencv3.4.6
- js 一个或多个一维数组,算出元素之间相互组合的所有情况
- thinkphp5--关于多条件查询的分页处理问题
- session开启慢的原因及解决办法
- cdn服务器
- Data Flow Diagram with Examples - Customer Service System