首页 > 软件开发 > JQUERY >

jQuery动态文字随机显示代码

来源:互联网 2023-03-16 23:54:35 版权归原作者所有,如有侵权,请联系我们

jQuery动态文字随机显示代码UbV办公区 - 实用经验教程分享!

工具/原料

  • adobe dreamweaver

方法/步骤

  • 1

    新建html文档。UbV办公区 - 实用经验教程分享!

    jQuery动态文字随机显示代码UbV办公区 - 实用经验教程分享!

  • 2

    书写hmtl代码。div>百度经验/div>UbV办公区 - 实用经验教程分享!

    jQuery动态文字随机显示代码UbV办公区 - 实用经验教程分享!

  • 3

    书写css代码。#msBackground{font-family:'Segoe UI',Tahoma,Helvetica,Sans-Serif;height:100%;width:100%;position:fixed;top:0;background-color:black;z-index:10000}#msSmallText{font-family:'Segoe UI',Tahoma,Helvetica,Sans-Serif;font-size:30px;position:fixed;left:100px;color:white;white-space:nowrap;opacity:0;z-index:10003}#msBigText{font-family:'Segoe UI',Tahoma,Helvetica,Sans-Serif;font-size:60px;position:fixed;left:100px;color:white;white-space:nowrap;opacity:0;z-index:10002}.msImgx1{position:fixed;top:-75px;opacity:.5;width:75px;z-index:10001}.msImgx2{position:fixed;top:-100px;opacity:.5;width:100px;z-index:10001}.msImgx3{position:fixed;top:-125px;opacity:.5;width:125px;z-index:10001}.msImgx4{position:fixed;top:-150px;opacity:.5;width:150px;z-index:10001}#msHint{cursor:pointer;font-family:'Segoe UI',Tahoma,Helvetica,Sans-Serif;font-size:15px;color:white;white-space:nowrap;display:none;position:fixed;z-index:100001}body{font-family:'Segoe UI',Tahoma,Helvetica,Sans-Serif;margin:0}.content{position:relative;top:150px;display:block}.content a{display:block;margin-top:10px}h2{font-size:30px;font-weight:normal;color:#662d91}#Close{position:fixed;z-index:1999999;color:white}UbV办公区 - 实用经验教程分享!

    jQuery动态文字随机显示代码UbV办公区 - 实用经验教程分享!

  • 3该信息未经许可获取自百度经验
  • 4

    书写并添加js代码。script src="js/jquery.1.10.2.js">/script>UbV办公区 - 实用经验教程分享!

    script>$.MyMessage({texts:[{text:"Loading..."},{text:"Please wait..."},{text:"Call $.MyMessageClose() to close."},{text:"Do not close on click, and no hint."},],showhint:false,backgrounds:[{color:"#662d91"},{color:"#ec008c"},{color:"#f26522"},{color:"#39b54a"},]});$("#ReLaunch").on("click",function(a){$.MyMessage({texts:[{text:"Loading..."},{text:"Please wait..."},{text:"Call $.MyMessageClose() to close."},{text:"Do not close on click, and no hint."},],showhint:false,backgrounds:[{color:"#662d91"},{color:"#ec008c"},{color:"#f26522"},{color:"#39b54a"},]})});$("#Close").on("click",function(){$.MyMessageClose()});/script>UbV办公区 - 实用经验教程分享!

    jQuery动态文字随机显示代码UbV办公区 - 实用经验教程分享!

  • 5

    代码整体结构。UbV办公区 - 实用经验教程分享!

    jQuery动态文字随机显示代码UbV办公区 - 实用经验教程分享!

  • 6

    查看效果。UbV办公区 - 实用经验教程分享!

    jQuery动态文字随机显示代码UbV办公区 - 实用经验教程分享!

  • 注意事项

    • jquery.1.10.2.js是个js包,可以网上下载。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!UbV办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号