欢迎您访问橙子博客 载入天数...载入时分秒...
  • 手机版手机版
Web前端
  • 给网站文章标题链接添加“加载中”提示的办法
    我们在上网的时候会发现有些网站在我们点击文章标题的时候会先提示“正在加载中”之类的样式,之后才会进入文章,这样的显示能从一定程度上缓和用户等待的焦虑情绪,提高用户体验,本文就给大家分享下使用JS技术添加文章标题链接提示效果。给网站文章标题链接添加“加载中”提示的办法首先请在你的网站标签前面引入jQuery,不少题已经集成,可忽略,代码如下。然后在标
    2023-04-17
  • 为你的网站部署jQuery.lazyload插件实现图片延迟加载
    ‌大家在浏览网页的时候有没有发现有的站点页面刷新后,图片处会先显示一张默认图(如logo图等)之后随着页面的滚动,开始一张张加载图片。这其实就是图片延迟加载效果,又称之为“图片懒加载”。图片懒加载原理:先将img标签中的src链接设为同一张图片(空白图片),将其真正的图片地址存储再img标签的自定义属性中(比如data-src)。当js监听到该图片元素进入可视窗口时,
    2023-04-17
  • 一段CSS代码让你的广告位“立起来”
    ‌广告对于网站来说一直是一把双刃剑,既能给网站带来利益又很有可能影响用户体验,特别是广告联盟,你永远不知道下一个广告会是什么内容。有时候我们稍微对广告模块就行美化,在一定程度上能够增色不少。
  • 让网站变灰的CSS代码(支持IE、Firefox和Chrome)
    当需要将网站变灰色来表达平台的哀悼时,如今主流CSS代码为主流方法!网站变灰色的CSS代码以上代码除了IE都支持,也是现在国内主流网站常用的方法,都对被嫌弃的IE没做特别处理了因为今年微软已经停止对IE支持更新,力推Edge浏览器,Win平台下的浏览器至此也与Chrome一致了。上方代码轻便易用,放在需要灰掉的页面即可。建议放在里。如果确定要兼容IE9及以上,可以使用下方代
    2023-04-16
  • jQuery点击“阅读全文”展开查看全部内容
    ‌这是一款很实用的jQuery点击阅读全文展开查看全部内容代码,默认显示文章的一部分内容,点击“阅读全文”展示所有文章内容显示更多文字。首先引入js文件‌这个一般网站都有,不用二次引用。
    2023-04-13
  • jquery页面滚动固定元素插件HC-Sticky
    hc-sticky是一款jquery页面滚动固定元素插件。该插件可以跨浏览器使用,具有在页面滚动时将指定元素固定在窗口上的功能。该页面滚动固定元素插件有js版本和jquery版本。
    2023-04-08
  • JS制作漂亮的鲜花
    看这朵鲜花多漂亮,一开始感觉是一张图片,审查元素后发现是用js写的,学习一下,我在这里分享给大家。代码:JS鲜花var b = document.body;var c = document.getElementsByTagName('canvas')[0];var a = c.getContext('2d');document.body.clientWidth; with(m=Math)C=cos,S=sin,P=pow,R=random;c.width=c.height=f=600;h=-250;function p(a,b,c){if(c>60)return[S(a*7)*(13+5/(.2+P(b*4,4)))-S(b)*50,b*f+50,625+C(a*7)*(13+5/(.2+P(b*4,4)))+b*400,a*1-b/2,a];A=a*2-1;
    2023-03-19
  • 网页顶部加载进度条,跟随网页加载完自动消失
    简单的进入页面出现加载进度条 加载完成自动消失,代码如下css:.pace { -webkit-pointer-events:none; pointer-events:none; -webkit-user-select:none; -moz-user-select:none; user-select:none;}
    2023-03-19
  • 纯html 404页面,一款纯css3立体效果404页面
    css3立体效果404页面,当然,css3的立体效果自然是不支持IE678的,这没办法,不过作为css3的学习资料还是不错的,效果如下图:这个css3立体效果主要是利用了css3属性text-shadow:这个属性。因为这个css3属性可以用逗号隔开写多个,如下:text-shadow:0px 0px 2px #686868,0px 1px 1px #fff,0px 2px 1px #fff,0px 3px 1px #fff,0px 4px 1px #fff,这样就可以模拟立体效果。这个css3立体效果404页面的制作思路非常有借鉴意
    2023-03-15
  • JS后退、前进、返回上一页和刷新代码
    本文给大家分享的是JS后退、前进、返回上一页并刷新的代码,非常实用值得收藏,下面就直接上代码吧。
    2023-03-15
  • 最后加载广告的JS代码
    网页打开的顺序都是按页面从上到下的顺序加载完成的,所以要想使广告不影响页面打开速度,就要等页面全部打开完成后,再加载广告JS代码。等页面加载完再加载广告其实就是将广告的 JS 代码放在页面的底部,等页面内容打开完成后再加载到广告代码,再用页面上预留好的的 DIV 输出广告。使用方法:1、将以下代码放置页面中想要放广告的地方载入中...2、将一下代码放置页面底
    2023-03-15
  • JS禁止查看网页源代码的简单实现方法
    在项目开发中有时会遇到不想让别人轻易查看到网站的源代码信息,我们有多种方法可以轻保护自己的网站源码。下面会介绍三种使用JavaScript来保护自己的网站源码的方法:最常见查看网站源码的无非有这四种:F12鼠标右键单击Ctrl+Shift+ICtrl+U以上的三种方法都可以查看到网站的源代码,我们可以通过使用JavaScript来屏蔽掉这三种状态从而实现禁止查看源代码效果。下面直接放源码。
  • JS显示年月日时间代码
    常用js显示时间代码格式:北京时间:2014 年 05 月 22 日 星期四js代码: var datelocalweek=new Array("星期日", "星期一", "星期二","星期三","星期四", "星期五","星期六"); var datelocalnow=new Date();var datelocalyear=datelocalnow.getFullYear();var datelocalmonth=(datelocalmonth="0"+(datelocalnow.getMonth()+1)).substr(datelocalmonth.length-2,2); var datelocalday=(datelocalday="0"+datelocalnow.getDate()).substr(datelocalday.length-2,2); var datelocalweekday=
    2023-03-13
  • 网站生成静态后,浏览器打开域名让它不自动添加显示index.html方法
    网站生成静态后,浏览器打开域名让它不自动添加显示index.html操作步骤1、在主机里,修改默认文档顺序为 index.html index.php index.htm 其中最重要的是 index.html 放第一位阿里云虚拟主机百度云虚拟主机宝塔面板2、清除浏览器临时文件(不会清除去百度一下教程)3、关闭浏览器,重新打开浏览器4、手动输入域名,必须要手动输入,一个个字母或者数字输入。
    2023-03-13
  • 给你的网站添加运行时间
    通常在我们建设网站的时候,时间一长就不清楚具体建设开始时间了,那么如何快捷添加网站运行时间代码呢?其实很简单,下面分享下本站使用过的方法,直接复制代码到相应位置,根据需要做合适调整即可。
    2023-03-10