通用跳转链接模版说明

在内容->视图模版->跳转模版

  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  6.     <meta charset="UTF-8">
  7.     <!--[if IE 8]><style>.ie8 .alert-circle,.ie8 .alert-footer{display:none}.ie8 .alert-box{padding-top:75px}.ie8 .alert-sec-text{top:45px}</style><![endif]-->
  8.     <title>{$data.seotitle}</title>
  9.     <!-- 以下方式定时转到其他页面,不需要倒计时3秒设置0 -->
  10.     <meta http-equiv="refresh" content="3;url={$data.url}">
  11.     <hdsyspage name="内容跳转模版" />
  13.     <style>
  14.         body {
  15.             margin: 0;
  16.             padding: 0;
  17.             background: #E6EAEB;
  18.             font-family: Arial, '微软雅黑', '宋体', sans-serif
  19.         }
  21.         .alert-box {
  22.             display: none;
  23.             position: relative;
  24.             margin: 96px auto 0;
  25.             padding: 180px 85px 22px;
  26.             border-radius: 10px 10px 0 0;
  27.             background: #FFF;
  28.             box-shadow: 5px 9px 17px rgba(102, 102, 102, 0.75);
  29.             width: 286px;
  30.             color: #FFF;
  31.             text-align: center
  32.         }
  34.         .alert-box p {
  35.             margin: 0
  36.         }
  38.         .alert-circle {
  39.             position: absolute;
  40.             top: -50px;
  41.             left: 111px
  42.         }
  44.         .alert-sec-circle {
  45.             stroke-dashoffset: 0;
  46.             stroke-dasharray: 735;
  47.             transition: stroke-dashoffset 1s linear
  48.         }
  50.         .alert-sec-text {
  51.             position: absolute;
  52.             top: 11px;
  53.             left: 190px;
  54.             width: 76px;
  55.             color: #000;
  56.             font-size: 68px
  57.         }
  59.         .alert-sec-unit {
  60.             font-size: 34px
  61.         }
  63.         .alert-body {
  64.             margin: 35px 0
  65.         }
  67.         .alert-head {
  68.             color: #242424;
  69.             font-size: 28px
  70.         }
  72.         .alert-concent {
  73.             margin: 25px 0 14px;
  74.             color: #7B7B7B;
  75.             font-size: 18px
  76.         }
  78.         .alert-concent p {
  79.             line-height: 27px
  80.         }
  82.         .alert-btn {
  83.             display: block;
  84.             border-radius: 10px;
  85.             background-color: #4AB0F7;
  86.             height: 55px;
  87.             line-height: 55px;
  88.             width: 286px;
  89.             color: #FFF;
  90.             font-size: 20px;
  91.             text-decoration: none;
  92.             letter-spacing: 2px
  93.         }
  95.         .alert-btn:hover {
  96.             background-color: #6BC2FF
  97.         }
  99.         .alert-footer {
  100.             margin: 0 auto;
  101.             height: 42px;
  102.             width: 120px
  103.         }
  105.         .alert-footer-icon {
  106.             float: left
  107.         }
  109.         .alert-footer-text {
  110.             float: left;
  111.             border-left: 2px solid #EEE;
  112.             padding: 3px 0 0 5px;
  113.             height: 40px;
  114.             color: #0B85CC;
  115.             font-size: 12px;
  116.             text-align: left
  117.         }
  119.         .alert-footer-text p {
  120.             color: #7A7A7A;
  121.             font-size: 22px;
  122.             line-height: 18px
  123.         }
  124.     </style>
  125. </head>
  127. <body class="ie8">
  129.     <div id="js-alert-box" class="alert-box">
  130.         <svg class="alert-circle" width="234" height="234">
  131.             <circle cx="117" cy="117" r="108" fill="#FFF" stroke="#43AEFA" stroke-width="17"></circle>
  132.             <circle id="js-sec-circle" class="alert-sec-circle" cx="117" cy="117" r="108" fill="transparent" stroke="#F4F1F1" stroke-width="18" transform="rotate(-90 117 117)"></circle>
  133.             <text class="alert-sec-unit" x="82" y="172" fill="#BDBDBD">秒</text>
  134.         </svg>
  135.         <div id="js-sec-text" class="alert-sec-text"></div>
  136.         <div class="alert-body">
  137.             <div id="js-alert-head" class="alert-head">{$data.name}</div>
  138.             <div class="alert-concent">
  139.                 <p>倒计时结束跳转新页面</p>
  141.             </div>
  142.             <a id="js-alert-btn" class="alert-btn" href="{$data.url}">点进进入</a>
  143.         </div>
  144.         <div class="alert-footer clearfix">
  145.             <svg width="46px" height="42px" class="alert-footer-icon">
  146.                 <circle fill-rule="evenodd" clip-rule="evenodd" fill="#7B7B7B" stroke="#DEDFE0" stroke-width="2" stroke-miterlimit="10" cx="21.917" cy="21.25" r="17" />
  147.                 <path fill="#FFF" d="M22.907,27.83h-1.98l0.3-2.92c-0.37-0.22-0.61-0.63-0.61-1.1c0-0.71,0.58-1.29,1.3-1.29s1.3,0.58,1.3,1.29 c0,0.47-0.24,0.88-0.61,1.1L22.907,27.83z M18.327,17.51c0-1.98,1.61-3.59,3.59-3.59s3.59,1.61,3.59,3.59v2.59h-7.18V17.51z M27.687,20.1v-2.59c0-3.18-2.59-5.76-5.77-5.76s-5.76,2.58-5.76,5.76v2.59h-1.24v10.65h14V20.1H27.687z" />
  148.                 <circle fill-rule="evenodd" clip-rule="evenodd" fill="#FEFEFE" cx="35.417" cy="10.75" r="6.5" />
  149.                 <polygon fill="#7B7B7B" stroke="#7B7B7B" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="35.417,12.16 32.797,9.03 31.917,10.07 35.417,14.25 42.917,5.29 42.037,4.25 " />
  150.             </svg>
  151.             <div class="alert-footer-text">
  152.                 <p>secure</p>安全加密
  153.             </div>
  154.         </div>
  155.     </div>
  158.     <script type="text/javascript">
  159.         function alertSet(e) {
  160.             document.getElementById("js-alert-box").style.display = "block",
  161.                 document.getElementById("js-alert-head").innerHTML = e;
  162.             var t = 3,
  163.                 n = document.getElementById("js-sec-circle");
  164.             document.getElementById("js-sec-text").innerHTML = t,
  165.                 setInterval(function() {
  166.                         if (0 == t) {
  167.                             location.href = "{$data.url}";
  168.                         } else {
  169.                             t -= 1,
  170.                                 document.getElementById("js-sec-text").innerHTML = t;
  171.                             var e = Math.round(t / 10 * 735);
  172.                             n.style.strokeDashoffset = e - 735
  173.                         }
  174.                     },
  175.                     970);
  176.         }
  177.     </script>
  179.     <script>
  180.         alertSet('{$data.name}');
  181.     </script>
  183. </body>
  185. </html>

这个模版是在当前自己设定目录创建模版即可简易跳转

content.jmp.hdsys.php
templates/xxxxx/content.jmp.hdsys.php

模版二简单直接

  1. <html>
  2. <head>
  3. <meta http-equiv="refresh" content="0;url={$data.url}">
  4. </head>
  5. </html>

更多方案

说明,跳转只是个案,可以在某一个字自定义参数加链接
内容->详情->自定属性1 填写跳转链接

在head协议头加上即可

  1. {if '$data.attribute1'!='' }
  2. <meta http-equiv="refresh" content="0;url={$data.attribute1}">
  4. {/if}

友情连接: 论文查重 SitemapXMlL BSPHP验证系统
Copyright cms 2024 HDSysCms免费企业建站系统 ·  HDSysCms免费企业建站系统 HdSysCms 网站地图 Tage标签