【风晴雪大图】一千年传说：送给我的朋友们
<br><br><br><br><br><br><div style="left:-230px; width:1500px; position:relative; top:190px;">
<iframe marginwidth="0" marginheight="0" src="http://lsjwldx.com/myfile/mr/datu/yqncs/yqncs.html" frameborder="0" width="1500" scrolling="no" height="7000"></iframe></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br> <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="330" height="86" src="//music.163.com/outchain/player?type=2&id=224327&auto=1&height=66"></iframe> <p>清梦无痕，雷少，墨染锦年，诺北， 雾桥，一鹿向北，雪若，雨声, 碧海, 花简静,令狐冲，醉美水芙蓉</p><p><br></p><p>清梦无痕————梦姐你永远是我心里最美的神话存在</p><p>雷少—————雷，你永远是晴儿认识最全才的雷</p><p>墨染锦年————墨染哥们你永远是我心里不一样的存在，好哥们</p><p>诺北————北北谢谢陪我这些年鼓励着我，我很感激</p><p>雾桥————翻唱你指导我很多不足的地方我很感激</p><p>一鹿向北————谢谢你出现在千山遇到你</p><p>雪若————谢谢你雪儿给我写了那么多穿越小说，一字一句我记着</p><p>雨声————雨姐，谢谢你认可我</p><p>碧海————哥，你的好，几天几夜说不完，谢谢这些年一直认我做妹妹</p><p>花简静————静静宝，谢谢你真心回复我每一个帖子我很感动</p><p>令狐冲————令帅，谢谢你给我很多鼓励，回帖很用心</p><p>醉美水芙蓉————谢谢芙蓉关心我，给我很多感动，那首音乐合集我到现在一直感动着</p><p></p> 这大图触屏版显示上次试了，断开了:lol整体调整应该可以。绝对值太多了！需改动22处，一大串代码;P 放弃了。。。<br>
我来试试嵌入，不行。只有改原来的网页，太宽了！点击缩放：不移动缩小完整显示，看整图；移动放大清晰显示，看细节。手机缝隙解决，完整完美显示！
<div id="bb" style="overflow: hidde;font-size:0;" >
<divid="ztt"style="transform:scale(1.0);margin-top:0px;margin-left:0px;" onclick="ans()" title="点击缩放">
<img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_01.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_02.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_03.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_04.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_05.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_06.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_07.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_08.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_09.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_10.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_11.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_12.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_13.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_14.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_15.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_16.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_17.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_18.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_19.jpg" style="width:100%;"><img src="http://lsjwldx.com/myfile/mr/datu/yqncs/images/yqncs_20.jpg" style="width:100%;">
</div>
</div>
<script>
const marqueeBox = document.getElementById('ztt');
let startY = 0;
let speed = 1; // 移动速度
function moveUpwards() {
startY -= speed;
marqueeBox.style.transform = `translateY(${startY}px)`;
if (Math.abs(startY) >= marqueeBox.scrollHeight) {
startY = 0;
}
}
// 每50毫秒移动一次
function ans(){
if(ztt.style.transform<='scale(1.0)'){ztt.style.transform='scale(1.5)';ztt.style.marginLeft='0';ztt.style.marginTop='0';bb.style.width='150%';bb.style.height='600px';dd=setInterval(moveUpwards,50);ztt.style.transition='transform 0s ease-in-out';}else{ztt.style.transform='scale(1.0)';ztt.style.marginLeft='0px';ztt.style.marginTop='0px';bb.style.width='100%';bb.style.height='auto';clearInterval(dd);ztt.style.transition='transform 5s ease-in-out';};
}
document.getElementsByTagName('iframe').src="http://music.163.com/outchain/player?type=2&id=224327&auto=0&height=66";
</script>
这个也可以做在视频里;P 理论上可以，操作麻烦，可以试试
<div style="position: relative;width: 100%;height: 0;padding-top: 56.25%;overflow:hidden;border-radius: 8px;box-shadow: 3px 3px 8px #999;background-color:mediumturquoise;">
<iframe style="position: absolute;width: 100%;height: 100%;left: 0;top: 0;transform:scale(1.1)"oncontextmenu="return false"frameborder="0" scrolling="no" allowfullscreen="true" allowtransparency="true" src="http://pan.yinhuabbs.cn/uploads/bzml/%E5%A4%A7%E5%9B%BE.html"></iframe>
</div>
大图完整显示但字看不清，放大字清楚但图片不完整，两全其美无法实现:Q再加一个交互： 鼠标上下（手机点内点外）视频隐现，为了清晰看大图！播放控制含大图移动。。 精彩纷呈的一张大图，从来大图都难做，还在坚持着的就更没几个了
雪儿这张图看得出做的很用心，字体、色彩、光影、背景的处理都极佳
还有雪儿自己写的这段文字，让人仿若穿梭于千年之中，沉浸在你无可自拔的情感之中。 布局错落有致自然，欣赏学习！问好 晴儿这个大图做的真好看
光色绝佳
版式，小图，都非常精致
问好~
三月安~ 好图我多来看几遍，都对不起我自己
页:
[1]