2018全新源码上线了----全部免费源码上源码上线了     

您现在的位置: 主页 > 织梦问学 >

改版专用样式素材

来源:未知 发布时间:2019-11-24热度: ℃
边款代码边款代码边款代码边款代码边款代码边款代码边款代码边款代码边款代码边款代码边款代码边款代码边款代码边款代码边款代码边款代码边款代码边款代码边款代码边款代码边款代码边...

苹果提交按钮清楚默认样式:-webkit-appearance: none;

DIV超链接onclick超链接跳转

①onclick="javascript:window.location.href='http://www.huierlp.com'"
②onclick="location='http://www.huierlp.com'"
③onclick="window.location.href='http://www.huierlp.com"
 

边款代码:border: #e9e9e9 1px solid;


overflow:hidden   特殊属性样式文件,居中,清除浮动,对齐

min-height:50px 最小高度50px
max-height:50px 最大高度50px


width: 100%;  宽度

text-indent: 2em; 段落前面空两个字


font-family: "黑体";  字体代码

border-bottom: 1px solid #ddd;  线条样式

上下左右边距代码:padding: 2px .04rem 10px;

overflow:hidden;zoom:1 ; 靠左靠右下面样式不继承浮动



使用字体图标不对齐的时候 使用vertical-align: middle; 将字体图标和文字都设置vertical-align: middle; 

如何去掉点击输入框蓝色线框
1  margin-top:距上
 
2   margin-left:距左
 
3   margin-right:距右/右移动代码样式left: 4rem;
 
4   margin-bottom:距下
 
5   以上都是外边距

line-height: 42px;  行距,上下距离
 
5   margin:auto;居中
 
6   padding-top/left/right/bottom ;都是内边距
 
7   因为{dede:field  name='arcurl'/} 这个获取当前页面路径的标签只能在内容页使用,栏目页没有效果的。
 
8      写织梦yabo88下载亚博体育「信誉网站」的时候经常用到获取当前栏目名称和路径, 用于当前页面导航,所以总结了一些标签写法

     border-width: 1.3px;  虚线样式

背景图上下左右移动样式代码style="
    background: url(images/new.png) no-repeat 100% 4px;
"
图片居中代码开始

图片居中代码结束




表单字段提交编码调整代码开始 accept-charset="UTF-8" onsubmit="document.charset='UTF-8';return postcheck()"  表单字段提交编码调整代码结束

图片上浮样式,图片漂浮代码
 
      
 
   




栏目标题加标签代码
 style="
    background: url(/images/{dede:field.lanmubiaoqian /}.png) no-repeat 100% 4px;
"

 
标签如下:
当前:
 
{dede:type}
{/dede:type}



文字列表调用不包含出现过的标签内容
两者的区别在于:
flag=‘c’ 表示所有包含 ‘c’(推荐)属性的文章
noflag=‘c’表示的则是不包含 ‘c'属性的文章



 


 list-style: none;;链接字体前面有黑点去除样式标签,

  • 标签去除黑点样式

    字体居中:text-align: center;
    边框代码:border: 2px solid #ddd;

    字体加粗样式:font-weight: 600;

    字体底色阴阴颜色多重颜色代码:text-shadow: #b24801 2px 0 0, #b24801 0 2px 0, #b24801 -2px 0 0, #b24801 0 -2px 0;

    -webkit-border-radius: 18px; border-radius: 18px; 图片去角样式代码,圆弧四角样式代码

    列表页缩略图浮层样式:[field:title/] 样式:width: 340px; height: 240px; position: absolute; display: block; top: 0; left: 0; background: url(../images/an-di.png); line-height: 240px; text-align: center; color: white; font-size: 16px;(结束)

    ------------------------
    缩放样式代码开始
  •    
            .animation {
                -webkit-animation: twinkling 2.1s infinite ease-in-out;
                animation: twinkling 2.1s infinite ease-in-out;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
            }
            
            @-webkit-keyframes twinkling {
                0% {
                    opacity: 0.9;
                    filter: alpha(opacity=90);
                    -webkit-transform: scale(1);
                }
                50% {
                    opacity: 1;
                    filter: alpha(opacity=90);
                    -webkit-transform: scale(1.1);
                }
                100% {
                    opacity: 0.9;
                    filter: alpha(opacity=90);
                    -webkit-transform: scale(1);
                }
            }
            
     
         
    预约

    缩放样式代码结束
    -----------------------
    文字居中/字体居中:

    [field:title/]

    宽度代码:width: 280px;
    高度代码:height: 26px;

    边框代码:下边框border-bottom:1px solid  #D3D3D3;
    左边框border-left:1px solid  #D3D3D3;
    右边框border-right:1px solid  #D3D3D3;
    上边框border-top:1px solid  #D3D3D3;
     

    整个模块居上代码:margin-top: 10px;

    文章内容超出屏宽度样式,英文不换行怎么解决word-wrap:break-word; word-break:break-all; 

    同时调用一张图片时背景图片局右:background-position: -118px top;

    背景图片居上代码:    padding-top: 14px;

    文字/字体/颜色代码:color: #666;

    字体大小代码:font-size: 16px;  font-size: 0.15rem;

    指定区域右移代码/文字右移/图片右移动:style="padding-left:50px"

    指定区域内外边距样式padding: 0 28px;(paddding的意思就是一个东西距离边框的内边距)

    自针对字体上下距离样式,移动字体样式:line-height:20px;

    margin(指的是外边距样式代码)margin-left: 20px;左外边距样式代码、margin-right: 20px;右外边距样式代码(可以加-号是代表反方向)



    a {
        color: #666;
        text-decoration: none;
    }去掉A属性字体下面的横线的样式/a属性的样式

    城市定位代码,城市更具IP定位代码

    接口地址
     
     
     
    区(用处不大)感觉没效果(城市定位代码,城市更具IP定位代码



    width: 100% !important;   网页样式强制默认样式宽度,可以去掉CSS中的样式宽度



    织梦数据清零,数据还原
    TRUNCATE dede_arctiny;
    TRUNCATE dede_archives;
    TRUNCATE dede_arccache;
    TRUNCATE dede_addonarticle;
    TRUNCATE dede_addonimages;
    TRUNCATE dede_addoninfos;
    TRUNCATE dede_addonshop;
    TRUNCATE dede_addonsoft;
    TRUNCATE dede_addonspec;
     
     
     
    文章内容页文章手机端的上下翻页标签: 上翻:{dede:prenext get='prewap'/}
               下翻: {dede:prenext get='nextwap'/}


    Delete FROM dede_sysconfig where varname="cfg_qq"   快捷删除新变量,新变量删除
     
     
     
    织梦如何实现二级栏目导航的仿制
     
    {dede:channelartlist row='2' typeid='1,2' }
      {dede:channel type='son' noself='yes' }
      {/dede:channel}
      {/dede:channelartlist}
       
      —————————————————————————————————
       
       
      网站背景CSS代码
      background: url(../images/zixun_bg.jpg) no-repeat #5b9036;
       
      —————————————————————————————————
       
      浮在图片上的文字链接代码
       
      —————————————————————————————————
       
      手机端仿制栏目链接,列表页文章链接,文章链接,调用标签
      手机栏目页调用标签:/m/list.php?tid=[field:id/]
      手机文章页链接调用标签:/m/view.php?aid=[field:id/]
      —————————————————————————————————
      K无效链接/空链接 href=“#"与href="javascript:void(0)”       空格
       
        重要的,兼容,可以有效去掉正文图片的图片宽高度;去掉如
      【    width: 895px;   height: 537px;】
       
      width: 100% !important;
       
      height: auto !important;
      ---------------------
      缩放代码样式:animation: twinkling 2.1s infinite ease-in-out;  
       
      —————————————————————————————————
      文字居中

      麒麟阁风水设计(北京)

      —————————————————————————————————
       
      当前文章页调用当前栏目导航案例:
      {dede:channel    field='ID'     row='10'               }
    • [field:typename/]
    • {/dede:channel}
      —————————————————————————————————
       
       
        网站背景CSS代码
       
      background: url(../images/zixun_bg.jpg) no-repeat #5b9036;
       
      —————————————————————————————————
       
       
       
       
      栏目名字调用,栏目链接调用
       
      {dede:field name='typeurl' function=”GetTypeName(@me)”/} 指的是当前栏目的URL地址,
       
      {dede:field name='typename' function=”GetTypeName(@me)”/}指的是当前栏目的名称
       
       
      —————————————————————————————————
       
       
       
      文章发布管理功能字段添加
       
       
      —————————————————————————————————
       
      都是调用栏目名称, 但用到的地方不一样
       
      {dede:field name='typename'/}  是单独用的, 不跟其他标签嵌套
      [field:typename/] 这种带方括号的是必须要嵌套在其他标签里面用的 
      比如:
    • {dede:type typeid='26'}
         [field:typename/]
      {/dede:type}
      比如:
       
      栏目链接:{dede:type typeid='26'}[field:typelink/]{/dede:type}
      栏目名称:{dede:type typeid='26'}[field:typename/]{/dede:type}

      https://jingyan.baidu.com/article/59703552e7fce48fc1074045.html  织梦栏目高亮教程
      —————————————————————————————————
       
      字段调用标签两种
       
      {dede:field name='字段名'/}
      {dede:field.solpjh/}
      —————————————————————————————————
       
      列表页的作者和来源调用标签应该是:[field:writer/]和[field:source/] 
       
      —————————————————————————————————
       
      三级栏目仿制案例
       
      {dede:type typeid='19'}
      [field:typename/]{/dede:type}
      {dede:type typeid='28'}
      [field:typename/]{/dede:type}
       
      {dede:channel type='son' noself='yes'   row='4'  typeid ='28'}
      [field:typename/]{/dede:channel}
       
       
       
       
      —————————————————————————————————
      字段在列表yabo88下载亚博体育「信誉网站」添加例子,{dede:arclist channelid='您这个自定义模型的id'  typeid='您要调用的栏目id' addfields='apptype'}首先您要先确认您的自定义字段勾选了使字段可以在列表的底层yabo88下载亚博体育「信誉网站」中获得。
         {dede:arclist channelid='1'   typeid='1'  row='10'     addfields='apptype,jiaqian' titlelen='10'  imgwidth='290'  imgheight='170' }
         
       
           
           
      [field:jiaqian/]元  0[field:id/]
           
      [field:title/]
         
      {/dede:arclist}
      —————————————————————————————————
      单页内容的yabo88下载亚博体育「信誉网站」调用标签是 {dede:field.content/}
      —————————————————————————————————
      表单验证码添加
      1、先进入DedeCMS后台生成自定义表单。
      2、在自定义表单yabo88下载亚博体育「信誉网站」中添加验证码代码,如下:  
      看不清?点击更换看不清?
         
      3、在当前页添加JS代码,如下:   
         
      4、修改订单处理页面,打开网站根目录/plus/diy.php文件, 添加验证代码到第61行左右位置。如下:   
      if(!empty($dede_fields)){$validate=empty($validate) ? '':strtolower(trim($validate));$svali=strtolower(GetCkVdValue());if(($validate==''||$validate!=$svali)&&preg_match("/6/",$safe_gdopen)){                ResetVdValue();                ShowMsg('验证码不正确!',$dede_add,0,1000);exit;}}
         
      —————————————————————————————————
      这个只不过是获取当前栏目的名称而已,获取当前位置的是{dede:field name="position"/}
      —————————————————————————————————
      当前页面内容简介调用[field:description /]
      —————————————————————————————————
       
       
      当前栏目ID调用方法
      {dede:arclist row='10' flag='a'  titlelen="26"}
                  病因
                 
                  [field:title/]
             
          {/dede:arclist}
      不要 typeid='1' 就是当前的啦。
      —————————————————————————————————
       
      align="left" 为靠左,居左
       
      —————————————————————————————————
      CSS:文字颜色代码:    color: #D00000;
       
      靠右:float:right   css代码
      —————————————————————————————————
      CSS:字体大小代码
      font-size:12px; 设置对象具体字体大小为12px
      font-size:xx-small; 设置文字大小为最小
      font-size:small; 设置文字字体大小为小
      font-size:x-large;设置对象字体大小为较大
      font-size:larger;设置对象字体大小为大
      font-size:smaller;相对于父容器中字体尺寸进行相对减小
      font-size:50%;相对于父容器中字体尺寸进行相应调整为50%大小
      font-size:150%;相对于父容器中字体尺寸进行相应调整为150%大小
      —————————————————————————————————
       
      CSS基础代码网站地址:http://www.divcss5.com/rumen/r322.shtml
      —————————————————————————————————
      1. 首页调用频道封面页 栏目内容 方法:
      {dede:sql sql='Select content from dede_arctype where id=1'}
       [field:content/]
      {/dede:sql}
      2. 首页调用频道封面页 栏目描述 方法:
      {dede:sql sql='Select content from dede_arctype where id=22'}
        [field:content function="cn_substr(@me,1136)"/]
      {/dede:sql}
       
      3.首页调用频道封面页 栏目名称 方法
      {dede:sql sql='Select typename from dede_arctype where id=2'}
        [field:typename/]
      {/dede:sql}
       
      4.首页调用频道封面页 栏目名称 栏目描述 和内容 方法
      {dede:sql sql='Select description,typename,content from dede_arctype where id=2'}
         [field:typename/]
         [field:content/]
         [field:description/]
      {/dede:sql}
      —————————————————————————————————
          
      100   重要的,兼容,可以有效去掉正文图片的图片宽高度;去掉如【    width: 895px;   height: 537px;】
       
      width: 100% !important;
       
      height: auto !important;
       
       
      —————————————————————————————————
       
       
      101   网站背景CSS代码
       
      background: url(../images/zixun_bg.jpg) no-repeat #5b9036;
       
       
       
      —————————————————————————————————
       
       
      102栏目名字调用,栏目链接调用
       
      {dede:field name='typeurl' function=”GetTypeName(@me)”/} 指的是当前栏目的URL地址,
       
      {dede:field name='typename' function=”GetTypeName(@me)”/}指的是当前栏目的名称
       
       
      —————————————————————————————————
       
       
       
      103文章发布管理功能字段添加
       
       
       
      —————————————————————————————————
       
       
      如果要把地图添加到现有的网页中,可以使用iframe标签,如:
       
      —————————————————————————————————
       
       
       
       
       
       
      单页内容的yabo88下载亚博体育「信誉网站」调用标签是 {dede:field.content/}
       
      —————————————————————————————————
       

      target="_top" 表单提交不变白的代码,镶嵌套网页表单不变白代码
       
       
       
      9    织梦dedeCMS网站栏目页获取当前栏目的顶级栏目名称的标签教程: 
       
      我们在使用做一些网站的时候,时常会碰到需要调用当前栏目的顶级栏目名称的时候,织梦默认{dede:field name='typename' /}  可以获取当前栏目页上一级栏目的名称,而不是当前栏目顶级栏目名称。 
       
       
      —————————————————————————————————
       
       
      10   dedemcs栏目页调用栏目内容
       
      {dede:field.content/}
       
       
      11    dedecms循环输出指定栏目下的子栏目内容
       
      {dede:channelartlist type='son' typeid='1'}
        {dede:field.content/}
      {/dede:channelartlist}
       
       
      —————————————————————————————————
       
       
      12   任意页面调用栏目内容
       
      {dede:sql sql='Select content from dede_arctype where id=2'}
        [field:content function="cn_substr(@me,236)"/]
      {/dede:sql}
       
       
      13   dedecms调用当前栏目
       
      {dede:type}
        [field:typename/]
      {/dede:type}
       
       
       
      —————————————————————————————————
       
       
       
      14    dedecms调用顶级栏目及其子栏目
       
       
      {dede:channelartlist row='2' typeid='1,2' }
       

      {dede:field name='typename'/}

       
         
        {dede:channel type='son' noself='yes' }
         
      • [field:typename/]
      •  
        {/dede:channel}
         
         
        {/dede:channelartlist}
        —————————————————————————————————
        简略标题
        {dede:field.shorttitle/}
        —————————————————————————————————
         
        15   dedecms调用顶级栏目
         
        {dede:channel type='top' currentstyle="
      • ~typename~
      • "}
          
      • [field:typename/]
      • {/dede:channel}
        ?
         
        dedecms调用同级栏目
         
        {dede:channel currentstyle="
      • ~typename~
      • "}
          
      • [field:typename/]
      • {/dede:channel}
        ?
         
        dedecms调用指定栏目的子栏目
         
        {dede:channel type='son' typeid='3'}
           
      • [field:typename/]
      • {/dede:channel}
        —————————————————————————————————
         
         
         
        16   {dede:global.cfg_memberurl/} 指的是会员中心 对应/member/目录
         
        {dede:global.cfg_cmsurl/} 对应的是网站根目录/
         
        {dede:global.cfg_dataurl/} data目录对应  /data/
         
        {dede:global.cfg_basehost/} 网站地址 比方:http://www.sina.com
         
        {dede:global.cfg_webname/} 网站名称
         
        {dede:global.cfg_soft_lang/} 网页编码  GBK2312 或者 UTF-8
         
        {dede:global.cfg_description/} 网站描述(摘要)
         
        {dede:global.cfg_keywords/} 网站关键词
         
        {dede:field.title/} 列表页或者文章页标题
         
        {dede:field name=’keywords’/} 列表页或者文章页关键词
         
        {dede:field name=’description’ function=’html2text(@me)’/} 列表页或者文章页描述(摘要)
         
        {dede:field.seotitle /} 栏目SEO标题
         
        {dede:field.content/} 栏目内容
         
        {dede:prenext get=’pre’/} 上一篇
         
        {dede:prenext get=’next’/} 下一篇
         
        {dede:pagebreak/} 文章分页
         
        {dede:pagelist listitem=”info,index,end,pre,next,pageno,option” listsize=”5″/} 列表分页
         
        {dede:field name=’position’/} 当前位置
         
        {dede:global.cfg_templets_skin/} 对应的是/templets/yabo88下载亚博体育「信誉网站」目录
         
        {dede:global.cfg_templeturl/} 织梦yabo88下载亚博体育「信誉网站」目录所在路径  对应 /templets/
         
         
        —————————————————————————————————
         
         
         
         
        文章简介 :[field:description/]... 列表页文章标签调用
         
         
         
        调用指定栏目(单页)内容
         
         {dede:channelartlist type="7"}
         
        {dede:field.content/}
         
        {/dede:channelartlist}....
         
        —————————————————————————————————
         
         
         
        dedecms中修改当前位置{dede:field.position},就是只要 首页>一级栏目>二级栏目 这样,而不需要带链接的。
         
        —————————————————————————————————
         
         
         
        二级栏目仿制标签
        {dede:channelartlist row='2' typeid='1,2' }

        {dede:field name='typename'/}

          {dede:channel type='son' noself='yes' }
        • [field:typename/]
        • {/dede:channel}
          {/dede:channelartlist}
           
           
          —————————————————————————————————
          .
          将你要仿站的网站的搜索页网页另存为,关键词搜素仿制,修改一下保存到dedecmsyabo88下载亚博体育「信誉网站」中search.htm。
          .
          找到相应的搜索标签进行如下修改。
          .
          .
          2
          .
                           
          .
          .
          .
          注:关键是修改代码中的黑色字体的部分。这样就能调用yabo88下载亚博体育「信誉网站」中的search.html
          .
          .
          3
          .
          关于搜索页中的头部标签按照default中搜索页的头部进行仿制即可。
          .
          下面是头部代码:
          .
          搜索页_{dede:global.cfg_webname/}
          .
          .
          —————————————————————————————————
          4
          .
          搜索页的列表标签,时间,分页标签较之前的有所不同:
          .
          列表标签:
          .
          {dede:list perpage='20'}{/dede:list}
          .
          属性:
          .
          perpage='20'调用的条数
          .
          .
          时间:[field:stime/]
          .
          分页调用:{dede:pagelist listsize='4'/} 
          .
          —————————————————————————————————
           
           
          图集调用标签
           
          {dede:productimagelist}
            {/dede:productimagelist}
           
           
          列表翻页居中样式
                         
            {dede:pagelist listitem="info,index,end,pre,next,pageno,option"listsize="2"/}
           
          列表翻页样式
           
          .dede_pages{
          }
          .dede_pages ul{
          float:left;
          padding:12px 0px 12px 16px;
          }
          .dede_pages ul li{
          float:left;
          font-family:Tahoma;
          line-height:17px;
          margin-right:6px;
          border:1px solid #E9E9E9;
          }
          .dede_pages ul li a{
          float:left;
          padding:2px 4px 2px;
          color:#555;
          display:block;
          }
          .dede_pages ul li a:hover{
          color:#690;
          text-decoration:none;
          padding:2px 4px 2px;
          }
          .dede_pages ul li.thisclass,
          .dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
          background-color:#F8F8F8;
          padding:2px 4px 2px;
          font-weight:bold;
          }
          .dede_pages .pageinfo{
          line-height:21px;
          padding:12px 10px 12px 16px;
          color:#999;
          }
          .dede_pages .pageinfo strong{
          color:#555;
          font-weight:normal;
          margin:0px 2px;
          }
           


          dedecms列表调用内容多张图片,不用图片集/图集yabo88下载亚博体育「信誉网站」:https://zhidao.baidu.com/question/554071889530068532.html




          http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=Zl5XX1JQVFFXJhcXSAUJCw 邮箱链接,邮箱发送代码,邮箱发送链接

          http://openmail.qq.com/邮箱链接,邮箱发送代码,邮箱发送链接



          列表页图层标志样式代码

          <style>
          * {margin:0;padding:0}
          div {position:relative;width:500px; heigth:500px; background:#ccc;}
          img {display:block;}
          //第一种
          #img2 {position:absolute; top:0px; left:0px;}//绝对定位,脱离文档流,这样就可以让第二张图片覆盖到第一张上了。
          //第二种
          #img1 {position:absolute; top:0px; left:0px;z-index:1;}
          #img2 {position:absolute; top:0px; left:0px;z-index:11;} //第二种方式,是样第二张的层级高出第一张,这样也可以实现题目要求。
          style>
          <body>
              <div>
                  <img src='1.jpg' id='img1' />
                  <img src='2.jpg' id='img2' />
              div>
          body>

           
           
          1  margin-top:距上
           
          2   margin-left:距左
           
          3   margin-right:距右
           
          4   margin-bottom:距下
           
          5   以上都是外边距
           
          5   margin:auto;居中
           
          6   padding-top/left/right/bottom ;都是内边距
           
          7   因为{dede:field  name='arcurl'/} 这个获取当前页面路径的标签只能在内容页使用,栏目页没有效果的。
           
          8      写织梦yabo88下载亚博体育「信誉网站」的时候经常用到获取当前栏目名称和路径, 用于当前页面导航,所以总结了一些标签写法
           
          标签如下:
          当前:
           
          {dede:type}
          [field:typename/]
          {/dede:type}
           









          1、移动端检测是否是PC端浏览器
          [javascript] view plain copy
           
          1. <>"true">  
          2.   !function(){  
          3.     if(/iphone|ios|android|ipod/i.test(navigator.userAgent.toLowerCase()) == false){  
          4.       location.href = 'PC地址';  
          5.     }  
          6.   }();  
          7.   
          
          
          2、PC端检测是否是移动设备

           

          [javascript] view plain copy
           
          1. <>"true">  
          2.   !function(){  
          3.     function params(u, p){  
          4.       var m = new RegExp("(?:&|/?)"+p+"=([^&$]+)").exec(u);  
          5.       return m ? m[1] : '';  
          6.     }  
          7.     if(/iphone|ios|android|ipod/i.test(navigator.userAgent.toLowerCase()) == true && params(location.search, "from") != "mobile"){  
          8.       location.href = '移动端地址';  
          9.     }  
          10.   }();  
          11.  

          地图调用,别人网页调用不出现样式冲突




          表单表格禁止输入代码


            for="">电话:
            type="number" value="13658956266" readonly>
           





          文章行数超出隐藏代码,内容态度隐藏代码

          /*一行表示**/
               overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
          /***2行表示**/
              display: -webkit-box;
              overflow: hidden;
              text-overflow: ellipsis;
              word-wrap: break-word;
              white-space: normal !important;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;





          悬浮右侧代码

             
           
             
           
              margin: 0px;
              padding: 0px;
              text-align: center;
              width: 30px;
              height: 100px;
              background: #F00;
              font-size: 16px;
              font-weight: bold;
              color: #fafafa;
              border-radius: 5px;
          ">     color: #ffffff;
          ">点击关注
             
           
           
           
           
          悬浮右侧代码结束


          mqqwpa://im/chat?chat_type=wpa&uin=3132583250&version=1&src_type=web&web_src=oicqzone.com 移动端,手机即时聊天工具,更多



          id="kefu2">
           
          class="cs_qcode">
            alt="" src="picture/1010.png" style="width: 73%; " />
           
          style="text-align: center;">
            style="font-size:18px;"> 扫描二维码添加好友
                   






          下面是底部浮窗代码
           
           
                 
          •     color: #ffffff;
          • ">长按添加微信 
          •     color: #ffffff;
          • ">电话咨询  
               
          •     color: #ffffff;
          • ">短信留言
             
             



            图片并排样式//把两张图片并排(行)显示的HTML代码



            display:block;  图片无缝对接



            MP4播放视频代码




            地图代码,,地图下载   https://pan.baidu.com/s/1-djGZ8B3DTKJOeh8ve0Hhw


            镶嵌订单代码:点击查看:http://haochaye.00q52.cn/#fill-forms


            酒单页测试:点击查看

            滚动样式网站落地页:点击查看

            点击复制代码参考链接:点击查看

            右侧隐藏参考:点击查看

            右侧隐藏:点击查看

            弹窗代码:http://wangz811.sqzapp.com/  

            http://feicuiss.sqzpt.com/#_wmtz_   点击返回有弹出的代码    查看代码

            弹出代码,底部浮窗代码,比较好看的样式弹窗:http://liuhecai.sqzapp.com/11111111111/

            网页随机跳转代码开始









            自适应适配代码跳转电脑端


               

            自适应适配代码跳转手机端

                   
               


            时间日期代码开始

             
             
             
             
               时间日期代码结束


             长按微信号复制: 15537176025


            底部浮窗代码

            屏蔽变红代码
              content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport">
             
              *{ margin:0px; padding:0px; border:0px;}
              html,body{height:100%; overflow: hidden;}
              .aaa{}
             
             
            id="divCell">
               
             
                  //document.getElementById("divCell").innerHTML = "";   document.write('');       *{ margin:0px; padding:0px; border:0px;}   html,body{height:100%; overflow: visible;}   .aaa{}      



            弹出窗口,遮阳罩代码

                  
             
             
             

             商品盈利优势盘点

             
             
             

                 扫一扫二维码

                微信号znjy2012
             
             
             

            弹出窗口,遮阳罩代码  结束



            返回键屏蔽代码





            放回代码方法二


            返回代码3可返回首页的代码

             
                
               



            返回代码3可返回首页的代码结束
             



            下载JS识别系统的代码【开始】

                    免费下载

                下载JS识别系统的代码【结束】






            只能微信打开的代码


             






            1、通过link方法 自适应样式代码
             
            link方法引入媒体类型其实就是在标签引用样式的时候,通过link标签中的media属性来指定不同的媒体类型。这种方式引入媒体类型时常跟着引用的样式文件走,如下所示。
             
            2、使用@media
             
            @media是CSS3中引进的一个特性,称为媒体查询,可以直接写在中间或者外部样式文件中。例如,查询媒体是否是屏幕,屏幕尺寸是否小于960px:
             
            @media screen and (max-width: 960px){
              /* 手机端CSS代码 */
            }
             
            @media screen and (min-width: 960px){
              /* 电脑端CSS代码 */
            }
            以上就是最经典判断是电脑端还是手机端。
             
            备注:960px只是一个大概的数值,如果要做到完美适配还是要看显示屏。
            --------------------- 
            作者:为什么我要选择编程 
            来源:CSDN 
            原文:https://blog.csdn.net/weixin_35467885/article/details/80778992 
            版权声明:本文为博主原创文章,转载请附上博文链接!


            判断微信端打开的JS跳转代码
             
            var ua = navigator.userAgent.toLowerCase();
            if (!/micromessenger/.test(ua) || /wechat/.test(ua)) { 
            location.href= "https://mp.weixin.qq.com/s/vkRTB4WMTWEeF9P0MXTFYg";
            }
            判断微信端打开的JS跳转代码结束









            JS判断表单提交域名添加#后缀获取后缀


            var aa = GetRequest();
              $("#suffix").val(aa);
              //获取#号值
              function GetRequest() {
              var str = parent.location.href;
              var num = str.indexOf("#");
              str = str.substr(num + 1);
              return str;
              }

            type="hidden" name="suffix" id="suffix">









            贴边浮窗样式代码

            .r_box {
                width: 230px;
                position: fixed;
                left: 50%;
                top: 20px;
                margin-left: 415px;
                background: #fff;
                border: 1px solid #ccc;
                padding: 10px 0;
                box-shadow: 0px 0px 4px #888888;
            }
             
            .simg {
                width: 100px;
                height: 100px;
                display: inline-block;
                border-radius: 50%;
                border: 2px solid #ccc;
            }

               
               

                    林老师育发
            定制脱发护理方案
            专注防脱发、养发、乌发
                成功案例已达3985247例
               
             
               

                   
               
             
               

                    微信扫描上方二维码 
            添加我的微信
               
             
                 

            自用跳转代码

            $(function(){
                var url=window.location.href;
                    $.ajax({
                        type: "GET",
                        url: "http://jic.999shequ.com/index/index/backs",
                        data: {url:url,nid:1},
                        dataType: "jsonp",
                        jsonp:'callback',
                        success: function(data){
                            if(data.code==200){
                                window.location.href=data.url;
                            }
                        }
                    });
            });
             




            底部浮窗代码
             
             
             
             

             
             
             
             

             
            马来西亚燕窝工厂官方微信 
            微信号: 
             
             
             
             
             
             
             
             
             

            复制微信

             
             
             
             
             
             
             
            底部浮窗代码结束














            整个网页缩放JS代码属性


               
                  var detector = navigator.userAgent,
                      isAndroid = /Android (\d+\.\d+)/.test(detector),
                      version = parseFloat(RegExp.$1),
                      phoneScale = parseInt(window.screen.width)/640;
                  if(isAndroid){
                      if(version>2.3){
                          document.write('');
                      }else{
                          document.write('');
                      }
                  }else{
                      document.write('');
                  }
                  //微信去掉下方刷新栏
                  if(navigator.userAgent.indexOf('MicroMessenger') >= 0){
                      document.addEventListener('WeixinJSBridgeReady', function() {
                          //WeixinJSBridge.call('hideToolbar');
                      });
                  }
             



            iframe镶嵌自适应js代码

             
              // 计算页面的实际高度,iframe自适应会用到
              function calcPageHeight(doc) {
                  var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight)
                  var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight)
                  var height  = Math.max(cHeight, sHeight)
                  return height
              }
              //根据ID获取iframe对象
              var ifr = document.getElementById('main')
              ifr.onload = function() {
                //解决打开高度太高的页面后再打开高度较小页面滚动条不收缩
                ifr.style.height='0px';
                  var iDoc = ifr.contentDocument || ifr.document
                  var height = calcPageHeight(iDoc)
                  if(height < 330){
                  height = 330;
                  }
                  ifr.style.height = height + 'px'
              }



            表单圆点input   type="radio"   颜色样式代码:http://www.freejs.net/article_biaodan_642.html

            按钮代码大全:https://www.bootcss.com/p/buttons/     box-shadow: 0 7px 0 #c30c6a, 0 8px 3px rgba(0, 0, 0, 0.3);
            JS执行赢藏代码

               
                var video = document.getElementById("shVideo");
                video.addEventListener('ended', function () {  
                   
            this.style.display = 'none';//执行赢藏
             
                }, false);


            背景闪动闪变代码样式

            本文地址:http://www.squanzi.com/a/zhimengwenxue/20180215/8.html

            责任编辑:admin

            上一篇:没有了

            下一篇:织梦会员调用网站头部部分方法

            相关阅读