怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码,在编写代码时会经常出现下拉的菜单供我们选择,为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
jQuery动态文字随机显示代码
新建html文档。
书写hmtl代码。div>百度经验/div>
书写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}
书写并添加js代码。script src="js/jquery.1.10.2.js">/script>
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>
代码整体结构。
查看效果。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: JQUERY
相关文章
怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码,在编写代码时会经常出现下拉的菜单供我们选择,为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大,使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 330 JQUERY
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是,可以做一个网站,基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 374 JQUERY