LOFTER for ipad —— 让兴趣,更有趣

点击下载 关闭

LOFTER-网易轻博

HTML

5076浏览    1760参与
醉生

分享一个论坛体小工具

[图片]
[图片]最近想写论坛体,但是懒得一行行复制粘贴,于是写了一个网页脚本。有些缺省判断没做,使用人多的话再考虑优化吧,目前先这样。太久不写原生,手有点生,欢迎提意见但是不许骂我写的烂,因为我知道我写的烂。百度云下载地址见评论,使用前请务必先看使用说明:


0、网页应用,暂不支持手机


1、单页面应用,没有后台.不会自动保存!不会自动保存!不会自动保存!刷新或关闭页面都会使数据清空,请注意手动复制或截图保存


2、每层楼后面的五角星是删除按钮,删除该楼层后所有楼层会重新排序


3、用户名不输入的话默认为= =


(写完这个脚本完全忘记我的论坛体想写什么了……所以...


最近想写论坛体,但是懒得一行行复制粘贴,于是写了一个网页脚本。有些缺省判断没做,使用人多的话再考虑优化吧,目前先这样。太久不写原生,手有点生,欢迎提意见但是不许骂我写的烂,因为我知道我写的烂。百度云下载地址见评论,使用前请务必先看使用说明:


0、网页应用,暂不支持手机


1、单页面应用,没有后台.不会自动保存!不会自动保存!不会自动保存!刷新或关闭页面都会使数据清空,请注意手动复制或截图保存


2、每层楼后面的五角星是删除按钮,删除该楼层后所有楼层会重新排序


3、用户名不输入的话默认为= =


(写完这个脚本完全忘记我的论坛体想写什么了……所以我现在还是一个没写过论坛体的渣渣,也就是说我其实不是很了解写论坛体的需求,欢迎给我提意见)


LUKER
思@斯@

使用代码实现自动问候,自动更新

26、不同时间段显示不同问候语




<Script Language="javascript">


    <!--


  var text=""; day = new Date( ); time = day.getHours( );


  if (( time>=0) && (time < 7 ))


    text="夜猫子,要注意身体哦! "


  if (( time >= 7 ) && (time < 12))


    text...

26、不同时间段显示不同问候语




<Script Language="javascript">


    <!--


  var text=""; day = new Date( ); time = day.getHours( );


  if (( time>=0) && (time < 7 ))


    text="夜猫子,要注意身体哦! "


  if (( time >= 7 ) && (time < 12))


    text="今天的阳光真灿烂啊,你那个朋友呢?"


  if (( time >= 12) && (time < 14))


    text="午休时间。您要保持睡眠哦!"


  if (( time >=14) && (time < 18))


    text="祝您下午工作愉快! "


  if ((time >= 18) && (time <= 22))


    text="您又来了,可别和MM聊太久哦!"


  if ((time >= 22) && (time < 24))


    text="您应该休息了!"


  document.write(text)


  //--->


  </Script>


27、水中倒影效果


 <img src=enter5.jpg width="212" height="76" id="reflect">  


<script language="javascript">


  function f1()


  {


    setInterval("mdiv.filters.wave.phase+=10",100);


  }


  if (document.all)


  {


    document.


ite('<img id=mdiv src="'+document.all.reflect.src+'"style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">')




    window.onload=f1


  }


  </script>


28、窗口慢慢变大的窗口


<Script Language="javascript">


  <!--


  var Windowsheight=100


  var Windowswidth=100


  var numx=5


  function openwindow(thelocation){


  temploc=thelocation


  if


  (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById))


  {


    window.open(thelocation)


    return


  }


  windowsize=window.open("","","scrollbars")


  windowsize.moveTo(0,0)


  windowsize.resizeTo(100,100)


  tenumxt()


  }


  function tenumxt(){


  if (Windowsheight>=screen.availHeight-3)


    numx=0


  windowsize.resizeBy(5,numx)


  Windowsheight+=5


 Windowswidth+=5


  if (Windowswidth>=screen.width-5)


  {


    windowsize.location=temploc


    Windowsheight=100


    Windowswidth=100


    numx=5


    return


  }


  setTimeout("tenumxt()",50)


  }


  //-->


  </script>


 <p><a href="javascript :openwindow(''http://www.ccjol.com& #39;)">进入</a>


29、让网页随意后退


<a href="javascript :history.go(-X)">X</a> //把X换成你想要后退在页数 //把"-"变成"+"就为前进


30、鼠标指向时弹出信息框


  在<body></body>之间加上如下代码:


<a href onmouseover="alert('弹出信息!')">显示的链接文字</a>


31、随机变换背景图象


 <Script Language="javascript">


 image = new Array(4); //定义image为图片数量的数组


 image [0] = '1.jpg' //背景图象的路径


 image [1] = '2.jpg'


 image [2] = '3.jpg'


    image [3] = '4.jpg'


 image [4] = '5.jpg'


 number = Math.floor(Math.random() * image.length);


 document.write("<BODY BACKGROUND="+image[number]+">");


 </Script>


32、禁止图片下载


在<body......>这里的最后加入:


oncontextmenu="return false" ondragstart="return false" onselectstart="return false" scroll="auto"


33、禁止缓存


<meta http-equiv="Expires" CONTENT="0">


<meta http-equiv="Cache-Control" CONTENT="no-cache">


<meta http-equiv="Pragma" CONTENT="no-cache">


加在HEAD里


博罗格洛

web课要求做一个网页来作为结课作业,于是我做了方舟主题。(我一个沙雕朋友做了个桃饱网。。。)

web课要求做一个网页来作为结课作业,于是我做了方舟主题。(我一个沙雕朋友做了个桃饱网。。。)

西安汇杰
LUKER
LUKER
LUKER
LUKER
孔令锴

Visual Studio 2017/2019编写HTML并执行

作者:孔令锴
习惯VS者前端之旅的第一步。

JavaScript is the most popular programming language on GitHub. Visual Studio更快地进行代码编写。更智能地执行操作。使用同类最佳 IDE 创建未来。

零落成泥

老福特对图片有一定的保护,但是对文字内容好像并没有相关的保护。

因为最近太芥tag的事情想着用我这点贫瘠的html知识康康能不能实现禁止复制的功能。

结果发现老福特的html源码模式竟然只支持几个属性。

事件和CSS不用说了,甚至连文字对齐方式都改不了……

 结果除了把字体变大改色和加背景色以外我啥都没研究出来。

发现能够添加<div>的标签,直接在<div>里定义的话会简单很多,用其他支持H5的博客尝试了下可以实现禁止复制但不知道lofter可不可以(估计是不能的)

我再研究研究,如果有了解这方面的太太也欢迎私信评论一起讨论啊。

研究出来了就写...

老福特对图片有一定的保护,但是对文字内容好像并没有相关的保护。

因为最近太芥tag的事情想着用我这点贫瘠的html知识康康能不能实现禁止复制的功能。

结果发现老福特的html源码模式竟然只支持几个属性。

事件和CSS不用说了,甚至连文字对齐方式都改不了……

 结果除了把字体变大改色和加背景色以外我啥都没研究出来。

发现能够添加<div>的标签,直接在<div>里定义的话会简单很多,用其他支持H5的博客尝试了下可以实现禁止复制但不知道lofter可不可以(估计是不能的)

我再研究研究,如果有了解这方面的太太也欢迎私信评论一起讨论啊。

研究出来了就写个教程,没有就算了(。


==========================

结果改动字体也仅仅是能在编辑界面看到效果,发布预览和保存草稿的时候并不能看到真实效果。



是因为lofter的自定义模板把效果覆盖了吗…………?

那这个html源码模式的意义是什么(吐槽)

我再研究研究


=========================

失败了,明明普通文字都可以使用源码但长文章却没有这个功能

lofter的这个功能真是令人迷惑

删tag了


=========================

询问了客服,客服告诉我不支持修改html代码来自定义文字,让我多多摸索

那么请问这个功能有什么用?拿来看的吗!

a  ゞ◎Please Come Back

Brackets 前端开发工具

Brackets 是一个免费、开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境 (IDE工具)。该项目由 Adobe创建和维护,根据MIT许可证发布,支持 Windows、Linux 以及 OS X 平台。
  Brackets 的特点是简约、优雅、快捷!它没有很多的视图或者面板,也没太多花哨的功能,它的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等。


转自:前端开发工具Brackets介绍,安装及安装Emme插件时踩过的坑

Github项目

Brackets 是一个免费、开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境 (IDE工具)。该项目由 Adobe创建和维护,根据MIT许可证发布,支持 Windows、Linux 以及 OS X 平台。
  Brackets 的特点是简约、优雅、快捷!它没有很多的视图或者面板,也没太多花哨的功能,它的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等。


转自:前端开发工具Brackets介绍,安装及安装Emme插件时踩过的坑

Github项目

a  ゞ◎Please Come Back

用laragon搭建本地博客&网站

具体教程可百度或github搜laragon

官网






具体教程可百度或github搜laragon

官网

逆风网络安全团队
selah

html悬浮光标的形状

<INPUT TYPE="submit" style="cursor: pointer" value="hand">

auto          :标准光标

default       :标准箭头

pointer          :手形光标

wait ...

<INPUT TYPE="submit" style="cursor: pointer" value="hand">

auto          :标准光标

default       :标准箭头

pointer          :手形光标

wait          :等待光标

text          :I形光标

vertical-text :水平I形光标

no-drop       :不可拖动光标

not-allowed   :无效光标

help          :?帮助光标

all-scroll    :三角方向标

move          :移动标

crosshair     :十字标


Yue's Blog

DEMO-MENU_Ul_Li【html/css/javascript综合运用】

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style type="text/css">

    *{margin...

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style type="text/css">

    *{margin:0;

     padding:0;

     font-size:13px;

     list-style:none;}

 

.menu{width:210px;

      margin:50px auto;

      border:1px solid #ccc;}

 

.menu p{height:25px;

        line-height:25px;

        font-weight:bold;

        background:#eee;

        border-bottom:1px solid #ccc;

        cursor:pointer;

        padding-left:5px;}

 

.menu div ul{display:none;}

 

.menu li{height:24px;

         line-height:24px;

         padding-left:5px;}

</style>

    <script type="text/javascript">

    window.onload=function(){

 

      // 将所有点击的标题和要显示隐藏的列表取出来

    var ps = document.getElementsByTagName("p");

    var uls = document.getElementsByTagName("ul");

 

     // 遍历所有要点击的标题且给它们添加索引及绑定事件

    for(var i = 0, n = ps.length; i <n; i += 1){

 

        ps[i].id = i;

        ps[i].onclick = function(){

            for(var j = 0; j < n ; j += 1){

               uls[j].style.display = "none";

            }

            uls[this.id].style.display = "block";

        }

     // 获取点击的标题上的索引属性,根据该索引找到对应的列表

    }

     // 判断该列表,如果是显示的则将其隐藏,如果是隐藏的则将其显示出来

 }

    </script>

</head>

<body>

    <div class="menu" id="menu">

        <div>

            <p>Web前端</p>

            <ul style="display:block">

                <li>JavaScript</li>

                <li>DIV+CSS</li>

                <li>jQuery</li>

            </ul>

        </div>

        <div>

            <p>后台脚本</p>

            <ul>

                <li>PHP</li>

                <li>ASP.net</li>

                <li>JSP</li>

            </ul>

        </div>

        <div>

            <p>前端框架</p>

            <ul>

                <li>Extjs</li>

                <li>Esspress</li>

                <li>YUI</li>

            </ul>

        </div>

    </div>

</body>

</html>




刘决义 Just

css 单选、多选按钮 - mark

HTML

<!--单选-->

<label>

<input class="radio-inp" hidden="hidden" type="radio">

<span class="cur-radio"></span>

</label>

<!--多选-->

<label>

<input class="checkbox-inp" hidden="hidden"...

HTML

<!--单选-->

<label>

<input class="radio-inp" hidden="hidden" type="radio">

<span class="cur-radio"></span>

</label>

<!--多选-->

<label>

<input class="checkbox-inp" hidden="hidden" type="checkbox">

<span class="cur-checkbox"></span>

</label>



CSS

.cur-radio,.cur-checkbox{

    display: block;

    position: relative;

    font-size: 14px;

    float: left;

    cursor: pointer;

}

//单选

.cur-radio:after{

    width: 14px;

    height: 14px;

    display: block;

    position: relative;

    float: left;

    border: 1px solid rgba(0,0,0,0.2);

    background-color: #ffffff;

    border-radius: 100%;

    content: "";

    margin-right: 10px;

    box-sizing: border-box

}

.radio-inp:checked+.cur-radio:after{

    display: block;

    position: relative;

    float: left;

    border: 5px solid #0080d1;

    background-color: #ffffff;

    border-radius: 100%;

    content: ""

}

//多选

.cur-checkbox:before{

    width: 14px;

    height: 14px;

    display: block;

    position: relative;

    float: left;

    margin-right: 10px;

    border: 1px solid #c2d4df;

    background-color: #ffffff;

    content: "";

    -moz-border-radius:3px;

    -webkit-border-radius:3px;

    border-radius:3px;

}

.checkbox-inp:checked+.cur-checkbox:before{

    border: 5px solid #0080d1;

    background-color: #ffffff;

    content: ""

}

炼情苑

LOFTER

让兴趣,更有趣

简单随性的记录
丰富多彩的内容
让生活更加充实

下载移动端
关注最新消息