基于jquery的页面代码的优化

高亮显示,选中的文字链接显示效果如下默认选择“通知公告”效果通知公告学院动态行业动态选择“学院动态”效果通知公告学院动态行业动态选择“行业动态”效果通知公告学院动态行业动态 1)html如下 <span class="alxx_text01" id="select1_span"> <a href="#" id="select1">通知公告<…

css代码: <style> #loading{ position:absolute; width:300px; top:0px; left:50%; margin-left:-150px; text-align:center; padding:7px 0 0 0; font:bold 11px Arial, Helvetica, sans-serif; } </style> html代码: <div id="loading">Loading con…

基于jquery的页面分屏切换模板

闲来无事,搞了个页面的分屏效果,先来看下效果: 出于可自定义宽高的目的,屏幕分块由CSS控制,由js控制估计等分模块效果一般. 程序相关说明: HTML结构: <div class="header"> header </div> <div class="container" id="displayArea">  </div> <div class=…

基于Jquery的页面过渡效果(原创)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-sc…

jquery刷新页面代码

window.location.reload()刷新当前页面.parent.location.reload()刷新父亲对象(用于框架)opener.location.reload()刷新父窗口对象(用于单开窗口)top.location.reload()刷新最顶端对象(用于多开窗口)…

基于jquery实现页面loading加载效果

实现loading 加载提示 ······ 透明遮罩居中效果具体代码如下: CSS样式部分: <style type="text/css"> .background { display: block; width: 100%; height: 100%; opacity: 0.4; filter: alpha(opacity=40); background:while; position: absolute; top: 0; left: 0; z-index: 2000…

基于jQuery实现页面滚动时顶部导航显示隐藏效果

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title</title> <link rel=&quo…

基于Jquery+Ajax+Json+高效分页

摘要分页我相信大家存储过程分页已经很熟悉了,ajax更是耳熟能详了,更别说我们的json,等等. 如果说您没用过这些东东的话,我相信看完这篇博文会对您有帮助的,,如果有任何问题不懂或者有bug没问题,欢迎随时联系我, 同时也欢迎高手多给点意见,我不建议在喷子中成长. 本人QQ:364175837 前言相信很多朋友都用过,Jquery的分页插件,我之前就用的jquery.paper这个,如果有兴趣可以留下QQ,我发份简单的实例源码给您. 该代码是晚上匆忙中完成的,所以没怎么优化,但是主要作为实…

基于MVC4+EasyUI的Web开发框架经验总结（11）--使用Bundles处理简化页面代码

在Web开发的时候,我们很多时候,需要引用很多CSS文件.JS文件,随着使用更多的插件或者独立样式文件,可能我们的Web界面代码会越来越臃肿,看起来也很累赘,在MVC里面提供了一个Bundle的对象,用来简化页面代码非常方便,本文主要介绍在我的MVC框架里面,如何使用bundles来简化页面的代码的. 1.常规的页面代码我们知道,随着使用更多的一些效果,我们可能不断引入一些新的JS和CSS文件,已达到Web界面更好的表现效果.这样也就逐步增加了文件代码的行数,造成相对比较臃肿的场景,如下面的我…

基于jQuery右下角旋转环状菜单代码

基于jQuery右下角旋转环状菜单代码.这是一款固定在页面的右下角位置,当用户点击了主菜单按钮后,子菜单项会以环状旋转进入页面,并使用animate.css来制作动画效果.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="htmleaf-container"> <div id='ss_menu'> <div> <i class="fa fa-qq"></i> <…