Maison >interface Web >js tutoriel >js implémente les compétences de partage de code partiel adaptatif à l'écran_javascript

js implémente les compétences de partage de code partiel adaptatif à l'écran_javascript

WBOYoriginal: 2016-05-16 16:16:581257parcourir

Certains amis ont laissé un message disant qu'ils avaient besoin d'un code js pour implémenter une adaptation partielle à l'écran. Je l'ai brièvement compilé ici et je l'ai publié pour tout le monde.

Copier le code Le code est le suivant :

Document sans titre

<script><br>
var winWidth;<br>
window.onload=function(){<br>
si (window.innerWidth)<br>
winWidth = window.innerWidth;<br>
sinon si ((document.body) && (document.body.clientWidth))<br>
winWidth = document.body.clientWidth;<br>
si(winWidth<=1100)<br />
document.getElementById("main").style.width="880px";<br />
sinon if(winWidth>=1100)<br>
document.getElementById("main").style.width="1100px";<br>
><br>
window.onresize=fonction(){<br>
si (window.innerWidth)<br>
winWidth = window.innerWidth;<br>
sinon si ((document.body) && (document.body.clientWidth))<br>
winWidth = document.body.clientWidth;<br>
si(winWidth<=1100)<br />
document.getElementById("main").style.width="880px";<br />
sinon if(winWidth>=1100)<br>
document.getElementById("main").style.width="1100px";<br>
><br>
</script>

Essayez-le et voyez si cela fonctionne très bien. J'espère que vous l'aimerez tous.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Utiliser des événements de souris pour implémenter des compétences simples en passant par la souris effect_javascriptArticle suivant：Utiliser des événements de souris pour implémenter des compétences simples en passant par la souris effect_javascript

Articles Liés

Voir plus